@charset "utf-8";
html {
scroll-behavior: smooth;
min-height: 100%;
position: relative;
}
body
{
font : 16px/1.5 sans-serif;
color : #666;
margin: 0;
padding: 0;
position: relative;
margin-bottom: 100px;
}
.wrapper{
position: relative;
min-height: 100vh;
padding-bottom: 100px;
box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}
footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
/*height: 3rem;*/
border-top:2px solid #143F83;
width: 100%;
padding-top: 0.2rem;
}
header {
/*display: flex;*/
/*align-items: center;*/
justify-content: space-between;
width: 100%;
line-height: 50px;
background: #143F83;
/*display: inline-block;*/
vertical-align: middle;
}
.ver
{
background-color: #191970;
height: 50px;
margin: -80px 20%;
position:relative;
}
.List
{
margin-top:-10em;
margin-bottom: 5em;
}
.logo
{
text-align:center;
border: rgb(255, 58, 58) solid 1px;
}
.logo_size{
width:260px;
}
/*ロゴのサイズ設定*/
@media screen and (min-width:1020px) and (max-width:1025px) {
.logo_size{
width:220px;
}
}
.horse-wrap,
/*.report-wrap,*/
.picture-wrap
{
width : 60% ;
border : 1px solid rgb(0, 0, 0);
transition-duration : 0.5s;
text-align : center;
font-size: 150%;
color: #000;
}
/*.report-wrap
{
margin: 0 0 0 auto;
}*/
.horse-wrap
{
width: 60%;
margin: 100px 20%;
}
.horse,
/*.report,*/
.picture
{
width : 100% ;
padding : 25% 0;
background-color: rgb(238, 238, 238);
border-right: #191970 solid 8px;
border-bottom: #191970 solid 8px;
font-weight:bold;
color: #000;
}
.horse
{
padding : 0%;
}
.horse-wrap div,
/*.report-wrap div,*/
.picture-wrap div
{
width : 100%;
cursor : pointer;
}
.horse-wrap:hover,
.report-wrap:hover,
.picture-wrap:hover
{
box-shadow : 10px 10px 10px rgba(100, 100, 100, 0.5);
transform : translateY(-10px);
transition-duration : 0.1s;
}
.horse:hover,
.report:hover,
.picture:hover
{
color : #666;
}
/*過去レポート関連部分のcss*/
.report-wrap{
width : 55% ;
border : 1px solid rgb(0, 0, 0);
transition-duration : 0.5s;
text-align : center;
font-size: 150%;
color: #000;
margin-bottom: 20px;
}
.report{
width : 100% ;
padding : 25% 0;
background-color: rgb(238, 238, 238);
border-right: #191970 solid 8px;
border-bottom: #191970 solid 8px;
font-weight:bold;
color: #000;
text-align: center;
}
.report-wrap
{
margin: 80px auto;
}
@media screen and (min-width: 214px) and (max-width: 373px){
.report-wrap{
width : 82% ;
border : 1px solid rgb(0, 0, 0);
transition-duration : 0.5s;
text-align : center;
font-size: 150%;
color: #000;
margin-bottom: 20px;
}
.report{
width : 100% ;
padding : 25% 0;
background-color: rgb(238, 238, 238);
border-right: #191970 solid 8px;
border-bottom: #191970 solid 8px;
font-weight:bold;
color: #000;
text-align: center;
}
.report-wrap
{
margin: 80px auto;
}
}
@media screen and (min-width: 374px) and (max-width: 415px){
.report-wrap{
width : 70% ;
border : 1px solid rgb(0, 0, 0);
transition-duration : 0.5s;
text-align : center;
font-size: 150%;
color: #000;
margin-bottom: 20px;
}
.report{
width : 100% ;
padding : 25% 0;
background-color: rgb(238, 238, 238);
border-right: #191970 solid 8px;
border-bottom: #191970 solid 8px;
font-weight:bold;
color: #000;
text-align: center;
}
.report-wrap
{
margin: 80px auto;
}
}
@media screen and (min-width: 416px) and (max-width: 1280px){
.report-wrap{
width : 78% ;
border : 1px solid rgb(0, 0, 0);
transition-duration : 0.5s;
text-align : center;
font-size: 150%;
color: #000;
margin-bottom: 20px;
}
.report{
width : 100% ;
padding : 25% 0;
background-color: rgb(238, 238, 238);
border-right: #191970 solid 8px;
border-bottom: #191970 solid 8px;
font-weight:bold;
color: #000;
text-align: center;
}
.report-wrap
{
margin: 80px auto;
}
}
/*過去レポートと所有馬一覧ボタンの隙間調節のcss*/
@media screen and (min-width: 279px) and (max-width: 415px){
.report_position {
margin-top: -50px;
}
}
@media screen and (min-width: 416px) and (max-width: 600px){
.report_position {
margin-top: -80px;
}
}
@media screen and (min-width: 601px) and (max-width: 815px){
.report_position {
margin-top: -100px;
}
}
@media screen and (min-width: 816px) and (max-width: 913px){
.report_position {
margin-top: -110px;
}
}
/*過去レポート部分ここまで*/
/*Genie情報ページの請求詳細情報部分の見出しで使用*/
/*.i_Genie_midashi{
border-left: #191970 solid 7px;
padding: 10px 30px;
display: inline-block;
margin-top: 5px;
width: 75%;
}*/
/*情報ページの馬情報部分の画像と文章部分で使用。画像サイズなどここで調節*/
/*.flex{
max-width: 900px;
margin: 0 auto;
text-align: left;
}
.flex p {
font-size: 140%;
}
img{
max-width: 430px;
display: block;
margin: 32px auto;
}
@media screen and (min-width: 279px) and (max-width: 374px){
.flex img{
max-width: 250px;
display: block;
margin: 32px auto;
}
}
@media screen and (min-width: 375px) and (max-width: 415px){
.flex img{
max-width: 310px;
display: block;
margin: 32px auto;
}
}
@media screen and (min-width: 500px) and (max-width: 600px){
.flex img{
max-width: 380px;
display: block;
margin: 32px auto;
}
}
@media screen and (min-width:828px){
.flex{
display:flex;
flex-wrap:nowrap;
justify-content:space-between;
}
.item+.item{
margin-left:2.0em;
}
}*/
/*所有馬一覧ページで使用しているflexのcss*/
.flex_itiran{
max-width: 700px;
margin: 0 auto;
text-align: left;
}
.flex_itiran p {
font-size: 110%;
}
.flex_itiran img{
max-width: 300px;
display: block;
margin: 32px auto;
}
@media screen and (min-width:345px) and (max-width:594px) {
.flex_itiran p {
font-size: 110%;
text-align: center;
}
}
@media screen and (min-width:279px) and (max-width:315px) {
.flex_itiran img{
max-width: 240px;
display: block;
margin: 32px auto;
}
}
@media screen and (min-width:315px) and (max-width:420px) {
.flex_itiran img{
max-width: 310px;
display: block;
margin: 32px auto;
}
}
@media screen and (min-width:600px) {
.flex_itiran{
display:flex;
flex-wrap:nowrap;
justify-content:space-between;
}
.item+.item{
margin-left:1.0em;
}
}
/*選択ボタンデザイン*/
.btn_itiranpage,
a.btn_itiranpage {
color: #fff;
background-color: #143F83;
}
.btn_itiranpage:hover,
a.btn_itiranpage:hover {
color: #fff;
background: #0092D3;
}
/*選択ボタンデザインここまで*/
/*得意先へ戻るボタンcssここから*/
.btn_pageback,
a.btn_pageback {
color: #fff;
background-color: #143F83;
text-decoration: none;
}
.btn_pageback:hover,
a.btn_pageback:hover {
color: #fff;
background: #0092D3;
text-decoration: none;
}
/*得意先へ戻るボタンcssここまで*/
@media screen and (min-width:746px) and (max-width:1024px) {
.btn_pageback,
a.btn_pageback {
color: #fff;
background-color: #143F83;
margin-left: -22rem;
text-decoration: none;
}
.btn_pageback:hover,
a.btn_pageback:hover {
color: #fff;
background: #0092D3;
margin-left: -22rem;
text-decoration: none;
}
}
@media screen and (min-width:1025px) and (max-width:1469px) {
.btn_pageback,
a.btn_pageback {
color: #fff;
background-color: #143F83;
margin-left: -18rem;
text-decoration: none;
}
.btn_pageback:hover,
a.btn_pageback:hover {
color: #fff;
background: #0092D3;
margin-left: -18rem;
text-decoration: none;
}
}
@media screen and (min-width:1470px) and (max-width:1713px) {
.btn_pageback,
a.btn_pageback {
color: #fff;
background-color: #143F83;
margin-left: -9rem;
text-decoration: none;
}
.btn_pageback:hover,
a.btn_pageback:hover {
color: #fff;
background: #0092D3;
margin-left: -9rem;
text-decoration: none;
}
}
@media screen and (min-width:1714px) and (max-width:1820px) {
.btn_pageback,
a.btn_pageback {
color: #fff;
background-color: #143F83;
margin-left: -8rem;
text-decoration: none;
}
.btn_pageback:hover,
a.btn_pageback:hover {
color: #fff;
background: #0092D3;
margin-left: -8rem;
text-decoration: none;
}
}
@media screen and (min-width:1821px) and (max-width:2000px) {
.btn_pageback,
a.btn_pageback {
color: #fff;
background-color: #143F83;
margin-left: -1rem;
text-decoration: none;
}
.btn_pageback:hover,
a.btn_pageback:hover {
color: #fff;
background: #0092D3;
margin-left: -1rem;
text-decoration: none;
}
}
/*請求書ダウンロード画面W0030での戻るボタンcssここから*/
.btn_pagebackW0030,
a.btn_pagebackW0030 {
color: #fff;
background-color: #143F83;
text-decoration: none;
}
.btn_pagebackW0030:hover,
a.btn_pagebackW0030:hover {
color: #fff;
background: #0092D3;
text-decoration: none;
}
@media screen and (min-width:746px) and (max-width:944px) {
.btn_pagebackW0030,
a.btn_pagebackW0030 {
color: #fff;
background-color: #143F83;
margin-left: 60rem;
text-decoration: none;
}
.btn_pagebackW0030:hover,
a.btn_pagebackW0030:hover {
color: #fff;
background: #0092D3;
margin-left: 60rem;
text-decoration: none;
}
}
@media screen and (min-width:945px) and (max-width:1024px) {
.btn_pagebackW0030,
a.btn_pagebackW0030 {
color: #fff;
background-color: #143F83;
margin-left: 50rem;
text-decoration: none;
}
.btn_pagebackW0030:hover,
a.btn_pagebackW0030:hover {
color: #fff;
background: #0092D3;
margin-left: 50rem;
text-decoration: none;
}
}
@media screen and (min-width:1025px) and (max-width:1469px) {
.btn_pagebackW0030,
a.btn_pagebackW0030 {
color: #fff;
background-color: #143F83;
margin-left: 35rem;
text-decoration: none;
}
.btn_pagebackW0030:hover,
a.btn_pagebackW0030:hover {
color: #fff;
background: #0092D3;
margin-left: 35rem;
text-decoration: none;
}
}
@media screen and (min-width:1470px) and (max-width:1713px) {
.btn_pagebackW0030,
a.btn_pagebackW0030 {
color: #fff;
background-color: #143F83;
margin-left: 20rem;
text-decoration: none;
}
.btn_pagebackW0030:hover,
a.btn_pagebackW0030:hover {
color: #fff;
background: #0092D3;
margin-left: 20rem;
text-decoration: none;
}
}
@media screen and (min-width:1714px) and (max-width:1820px) {
.btn_pagebackW0030,
a.btn_pagebackW0030 {
color: #fff;
background-color: #143F83;
margin-left: 10rem;
text-decoration: none;
}
.btn_pagebackW0030:hover,
a.btn_pagebackW0030:hover {
color: #fff;
background: #0092D3;
margin-left: 10rem;
text-decoration: none;
}
}
@media screen and (min-width:1821px) and (max-width:2000px) {
.btn_pagebackW0030,
a.btn_pagebackW0030 {
color: #fff;
background-color: #143F83;
margin-left: -1rem;
text-decoration: none;
}
.btn_pagebackW0030:hover,
a.btn_pagebackW0030:hover {
color: #fff;
background: #0092D3;
margin-left: -1rem;
text-decoration: none;
}
}
/*請求書ダウンロード画面W0030での戻るボタンcssここまで*/
/*インポート画面W0070での戻るボタンcssここから*/
.btn_pagebackW0070,
a.btn_pagebackW0070 {
color: #fff;
background-color: #143F83;
text-decoration: none;
}
.btn_pagebackW0070:hover,
a.btn_pagebackW0070:hover {
color: #fff;
background: #0092D3;
text-decoration: none;
}
@media screen and (min-width:746px) and (max-width:944px) {
.btn_pagebackW0070,
a.btn_pagebackW0070 {
color: #fff;
background-color: #143F83;
margin-left: 5rem;
text-decoration: none;
}
.btn_pagebackW0070:hover,
a.btn_pagebackW0070:hover {
color: #fff;
background: #0092D3;
margin-left: 5rem;
text-decoration: none;
}
}
@media screen and (min-width:945px) and (max-width:1024px) {
.btn_pagebackW0070,
a.btn_pagebackW0070 {
color: #fff;
background-color: #143F83;
margin-left: 10rem;
text-decoration: none;
}
.btn_pagebackW0070:hover,
a.btn_pagebackW0070:hover {
color: #fff;
background: #0092D3;
margin-left: 10rem;
text-decoration: none;
}
}
@media screen and (min-width:1025px) and (max-width:1469px) {
.btn_pagebackW0070,
a.btn_pagebackW0070 {
color: #fff;
background-color: #143F83;
margin-left: 13rem;
text-decoration: none;
}
.btn_pagebackW0070:hover,
a.btn_pagebackW0070:hover {
color: #fff;
background: #0092D3;
margin-left: 13rem;
text-decoration: none;
}
}
@media screen and (min-width:1470px) and (max-width:1713px) {
.btn_pagebackW0070,
a.btn_pagebackW0070 {
color: #fff;
background-color: #143F83;
margin-left: 20rem;
text-decoration: none;
}
.btn_pagebackW0070:hover,
a.btn_pagebackW0070:hover {
color: #fff;
background: #0092D3;
margin-left: 20rem;
text-decoration: none;
}
}
@media screen and (min-width:1714px) and (max-width:1820px) {
.btn_pagebackW0070,
a.btn_pagebackW0070 {
color: #fff;
background-color: #143F83;
margin-left: 10rem;
text-decoration: none;
}
.btn_pagebackW0070:hover,
a.btn_pagebackW0070:hover {
color: #fff;
background: #0092D3;
margin-left: 10rem;
text-decoration: none;
}
}
@media screen and (min-width:1821px) and (max-width:2000px) {
.btn_pagebackW0070,
a.btn_pagebackW0070 {
color: #fff;
background-color: #143F83;
margin-left: 10rem;
text-decoration: none;
}
.btn_pagebackW0070:hover,
a.btn_pagebackW0070:hover {
color: #fff;
background: #0092D3;
margin-left: 10rem;
text-decoration: none;
}
}
/*インポート画面W0070での戻るボタンcssここから*/
/*取込データ一覧画面W0072での戻るボタンcssここから*/
.btn_pagebackW0072,
a.btn_pagebackW0072 {
color: #fff;
background-color: #143F83;
text-decoration: none;
}
.btn_pagebackW0072:hover,
a.btn_pagebackW0072:hover {
color: #fff;
background: #0092D3;
text-decoration: none;
}
@media screen and (min-width:746px) and (max-width:944px) {
.btn_pagebackW0072,
a.btn_pagebackW0072 {
color: #fff;
background-color: #143F83;
margin-left: 5rem;
text-decoration: none;
}
.btn_pagebackW0072:hover,
a.btn_pagebackW0072:hover {
color: #fff;
background: #0092D3;
margin-left: 5rem;
text-decoration: none;
}
}
@media screen and (min-width:945px) and (max-width:1024px) {
.btn_pagebackW0072,
a.btn_pagebackW0072 {
color: #fff;
background-color: #143F83;
margin-left: 10rem;
text-decoration: none;
}
.btn_pagebackW0072:hover,
a.btn_pagebackW0072:hover {
color: #fff;
background: #0092D3;
margin-left: 10rem;
text-decoration: none;
}
}
@media screen and (min-width:1025px) and (max-width:1469px) {
.btn_pagebackW0072,
a.btn_pagebackW0072 {
color: #fff;
background-color: #143F83;
margin-left: 13rem;
text-decoration: none;
}
.btn_pagebackW0072:hover,
a.btn_pagebackW0072:hover {
color: #fff;
background: #0092D3;
margin-left: 13rem;
text-decoration: none;
}
}
@media screen and (min-width:1470px) and (max-width:1713px) {
.btn_pagebackW0072,
a.btn_pagebackW0072 {
color: #fff;
background-color: #143F83;
margin-left: 20rem;
text-decoration: none;
}
.btn_pagebackW0072:hover,
a.btn_pagebackW0072:hover {
color: #fff;
background: #0092D3;
margin-left: 20rem;
text-decoration: none;
}
}
@media screen and (min-width:1714px) and (max-width:1820px) {
.btn_pagebackW0072,
a.btn_pagebackW0072 {
color: #fff;
background-color: #143F83;
margin-left: 10rem;
text-decoration: none;
}
.btn_pagebackW0072:hover,
a.btn_pagebackW0072:hover {
color: #fff;
background: #0092D3;
margin-left: 10rem;
text-decoration: none;
}
}
@media screen and (min-width:1821px) and (max-width:2000px) {
.btn_pagebackW0072,
a.btn_pagebackW0072 {
color: #fff;
background-color: #143F83;
margin-left: 10rem;
text-decoration: none;
}
.btn_pagebackW0072:hover,
a.btn_pagebackW0072:hover {
color: #fff;
background: #0092D3;
margin-left: 10rem;
text-decoration: none;
}
}
/*インポート画面W0072での戻るボタンcssここから*/
/*取込データ一覧画面W0082での戻るボタンcssここから*/
.btn_pagebackW0082,
a.btn_pagebackW0082 {
color: #fff;
background-color: #143F83;
text-decoration: none;
margin-left: 0;
}
.btn_pagebackW0082:hover,
a.btn_pagebackW0082:hover {
color: #fff;
background: #0092D3;
text-decoration: none;
margin-left: 0;
}
@media screen and (min-width:746px) and (max-width:944px) {
.btn_pagebackW0082,
a.btn_pagebackW0082 {
color: #fff;
background-color: #143F83;
margin-left: 5rem;
text-decoration: none;
}
.btn_pagebackW0082:hover,
a.btn_pagebackW0082:hover {
color: #fff;
background: #0092D3;
margin-left: 5rem;
text-decoration: none;
}
}
@media screen and (min-width:945px) and (max-width:1024px) {
.btn_pagebackW0082,
a.btn_pagebackW0082 {
color: #fff;
background-color: #143F83;
margin-left: 10rem;
text-decoration: none;
}
.btn_pagebackW0082:hover,
a.btn_pagebackW0082:hover {
color: #fff;
background: #0092D3;
margin-left: 10rem;
text-decoration: none;
margin-left: 0;
}
}
@media screen and (min-width:1025px) and (max-width:1469px) {
.btn_pagebackW0082,
a.btn_pagebackW0082 {
color: #fff;
background-color: #143F83;
margin-left: 13rem;
text-decoration: none;
}
.btn_pagebackW0082:hover,
a.btn_pagebackW0082:hover {
color: #fff;
background: #0092D3;
margin-left: 13rem;
text-decoration: none;
}
}
@media screen and (min-width:1470px) and (max-width:1713px) {
.btn_pagebackW0082,
a.btn_pagebackW0082 {
color: #fff;
background-color: #143F83;
margin-left: 20rem;
text-decoration: none;
}
.btn_pagebackW0082:hover,
a.btn_pagebackW0082:hover {
color: #fff;
background: #0092D3;
margin-left: 20rem;
text-decoration: none;
}
}
@media screen and (min-width:1714px) and (max-width:1820px) {
.btn_pagebackW0082,
a.btn_pagebackW0082 {
color: #fff;
background-color: #143F83;
margin-left: 10rem;
text-decoration: none;
}
.btn_pagebackW0082:hover,
a.btn_pagebackW0082:hover {
color: #fff;
background: #0092D3;
margin-left: 10rem;
text-decoration: none;
}
}
@media screen and (min-width:1821px) and (max-width:1920px) {
.btn_pagebackW0082,
a.btn_pagebackW0082 {
color: #fff;
background-color: #143F83;
margin-left: 8rem;
text-decoration: none;
}
.btn_pagebackW0082:hover,
a.btn_pagebackW0082:hover {
color: #fff;
background: #0092D3;
margin-left: 8rem;
text-decoration: none;
}
}
/*インポート画面W0082での戻るボタンcssここから*/
/*W0089での戻るボタンcssここから*/
.btn_pagebackW0089,
a.btn_pagebackW0089 {
color: #fff;
background-color: #143F83;
text-decoration: none;
}
.btn_pagebackW0089:hover,
a.btn_pagebackW0089:hover {
color: #fff;
background: #0092D3;
}
@media screen and (min-width:746px) and (max-width:944px) {
.btn_pagebackW0083,
a.btn_pagebackW0083 {
color: #fff;
background-color: #143F83;
margin-left: 5rem;
text-decoration: none;
}
.btn_pagebackW0083:hover,
a.btn_pagebackW0083:hover {
color: #fff;
background: #0092D3;
margin-left: 5rem;
text-decoration: none;
}
}
@media screen and (min-width:945px) and (max-width:1024px) {
.btn_pagebackW0083,
a.btn_pagebackW0083 {
color: #fff;
background-color: #143F83;
margin-left: 10rem;
text-decoration: none;
}
.btn_pagebackW0083:hover,
a.btn_pagebackW0083:hover {
color: #fff;
background: #0092D3;
margin-left: 10rem;
text-decoration: none;
margin-left: 0;
}
}
@media screen and (min-width:1025px) and (max-width:1469px) {
.btn_pagebackW0083,
a.btn_pagebackW0083 {
color: #fff;
background-color: #143F83;
margin-left: 13rem;
text-decoration: none;
}
.btn_pagebackW0083:hover,
a.btn_pagebackW0083:hover {
color: #fff;
background: #0092D3;
margin-left: 13rem;
text-decoration: none;
}
}
@media screen and (min-width:1470px) and (max-width:1713px) {
.btn_pagebackW0083,
a.btn_pagebackW0083 {
color: #fff;
background-color: #143F83;
margin-left: 20rem;
text-decoration: none;
}
.btn_pagebackW0083:hover,
a.btn_pagebackW0083:hover {
color: #fff;
background: #0092D3;
margin-left: 20rem;
text-decoration: none;
}
}
@media screen and (min-width:1714px) and (max-width:1820px) {
.btn_pagebackW0083,
a.btn_pagebackW0083 {
color: #fff;
background-color: #143F83;
margin-left: -155rem;
text-decoration: none;
}
.btn_pagebackW0083:hover,
a.btn_pagebackW0083:hover {
color: #fff;
background: #0092D3;
margin-left: -155rem;
text-decoration: none;
}
}
@media screen and (min-width:1821px) and (max-width:1920px) {
.btn_pagebackW0089,
a.btn_pagebackW0089 {
color: #fff;
background-color: #143F83;
margin-left: -155rem;
text-decoration: none;
}
.btn_pagebackW0089:hover,
a.btn_pagebackW0089:hover {
color: #fff;
background: #0092D3;
margin-left: -155rem;
text-decoration: none;
}
}
/*W0083での戻るボタンcssここから*/
/*PDFダウンロード、納品書作成ボタンデザイン*/
.btn_download,
a.btn_download {
color: #fff;
background-color: #0092D3;
}
.btn_download:hover,
a.btn_download:hover {
color: #143F83;
background: #0092D3;
}
/*削除ボタンデザイン*/
.btn_sakuzyo,
a.btn_sakuzyo {
color: #fff;
background-color: #Fe0000;
}
.btn_sakuzyo:hover,
a.btn_sakuzyo:hover {
color: #fff;
background-color: #Fe0000;
}
/*更新ボタンデザイン*/
.btn_kousin,
a.btn_kousin{
color: #fff;
background-color: #017965;
}
/*モード切替のボタンデザイン*/
.btn_mode,
a.btn_mode{
white-space: nowrap;
/*-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;*/
border: #143F83 solid 3px;
background-color: #fff;
color: #143F83;
font-weight: bold;
}
/*初回ダウンロードのボタンデザイン*/
.btn_syokaidownload,
a.btn_syokaidownload{
/*-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;*/
color: #fff;
background-color: #0092D3;
text-decoration: none;
}
.line {
background: radial-gradient(#000 10%, transparent 30%) center/ 7px 7px;
background: -ms-radial-gradient(#000 10%, transparent 30%) center/ 7px 7px;
content: '';
display: flex;
flex: 1 1 auto;
height: 7px;
margin: 0 10px;
}
hr {
padding: 0;
border: 0;
outline: 0;
}
.i_picture_leftborder{
width: 400px;
border-left: #191970 solid 8px;
}
.button-style
{
margin : 10rem 20%;
width : auto;
position: static;
text-decoration: none;
}
.button p
{
color: #000;
}
.button p:hover,
.button a:hover
{
color :rgb(190, 190, 190);
text-decoration : none;
background :rgb(10, 10, 10);
}
.Block1
{
clip-path : polygon(100% 0, 250% 0, 0% 100%, 0 0);
background :#092B71;
color :white;
padding : 13rem 0 10px 0;
margin-bottom: 1%;
}
.Block1 p
{
width : 0%;
margin : -10% auto 0;
}
/*.Block1
{
clip-path : polygon(100% 0, 300% 0, 0% 100%, 0 0);
background :#092B71;
color :white;
padding : 30rem 0 10px 0;
margin-bottom: 5%;
}
.Block1 p
{
width : 0%;
margin : -10% auto 0;
}*/
.uma_font
{
font-size: 100%;
}
.uma_font h1
{
font-weight : bold;
}
.uma_font h3
{
font-size : 150%;
}
.uma_font p,
.uma_font span
{
font-size : 150%;
}
.horse-wrap
{
width: 60%;
margin: 100px auto;
}
.wrap
{
margin:auto 0;
}
.ver
{
margin: -80px 0;
}
.List
{
margin-top :-38vw;
}
.button{
background-color:whitesmoke;
display:block;
margin: auto;
width: 80px;
}
/* 所有馬一覧センタリング */
.a_40center{
text-align: center;
font-size: 30px;
font-weight: bold;
}
/* レポート本文装飾 */
.a_report{
font-size: 20px;
font-weight:bold
}
/* 所有馬一覧ページでレポートに対する囲み枠 */
.a_line {
margin: auto;
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
border:1px solid #eeeeee; /*境界線の指定*/
border-top:#112370 3px solid; /*上の境界線の指定*/
background: linear-gradient(to bottom, #ffffff 0%,#f9f9f9 44%,#f9f9f9 44%,#e8e8e8 100%); /*グラデーションの指定*/
padding:10px;
width: 780px;
}
.a_line p {
margin:0;
padding:0;
}
/* ログインページで使用 荒井 */
.user{
margin-top: 40px;
margin-left: 15px;
}
.pass{
margin-bottom: 30px;
}
.login{
margin-top: 200px;
text-align: center;
background-color: #fff;
width: fit-content;
margin: auto;
border-radius: 10px;
padding: 30px;
border:3px solid navy;
box-shadow: 2px 2px 5px #000;
font-weight: bold;
}
.bd{
background-color:ghostwhite;
}
.backimg{
/*background-image:url("../images/loginopacity.png");*/
background-color: #092B71;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
min-height: 100vh;
display: flex;
align-items: center;
}
.labelblock{
display: block;
}
/* 過去レポート一覧ページ内 */
.photodtl{
width: 400px;
height: 240px;
}
.a_laystyle{
display: flex;
font-weight: bold;
column-gap: 30px;
}
.a_noimage{
width: 280px;
}
/*.layout{
display: flex;
justify-content: space-between;
width: 1200px;
margin-bottom: 20px;
}
.side{
padding: 0.5em 1em;
margin: 2em 0;
color:#666;
background: white;
border-left: solid 5px navy;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}*/
.layout2{
display: flex;
justify-content: space-between;
background: white;
margin: auto;
margin-top: 40px;
}
.pstyle{
margin-top:40px ;
padding-bottom: 20px;
padding:20px
}
@media screen and (max-width:767px)
{
.layout2{
max-width: 400px;
display: block;
margin: 240px auto;
background-color: white;
}
}
@media screen and (min-width:768px) and (max-width:992px)
{
.layout2{
max-width: 400px;
display: block;
margin: 240px auto;
background-color: white;
}
}
@media screen and (min-width:992px)
{
.layout2{
width: 950px;
margin: 160px auto;
background-color: white;
}
}
.a_button{
width: 200px;
display: block;
margin: auto;
border-radius: 20px;
height: 3em;
margin-bottom: 10px;
font-weight: bold;
background-color:tomato;
color: #fff;
font-size: 20px;
}
.a_button:hover{
opacity: 0.6;
}
/*ページタイトル部分の高さ調整*/
.i_page_title{
top: 4em;left: 50%;
transform: translateX(-50%);
color:white;z-index: 10;
position:absolute;
}
/*========= ナビゲーションドロップダウンのためのCSS ===============*/
/*tableの上の件数表示の位置調整ここから*/
/*W0030のtableの上の件数表示の位置調整ここから*/
.nohinseikyudeta_hyoji{
font-size:125%;
margin-left: -130rem;
font-weight: bold;
}
@media screen and (min-width:764px) and ( max-width:833px) {
.nohinseikyudeta_hyoji{
font-size:125%;
margin-left: -50rem;
font-weight: bold;
}
}
@media screen and (min-width:834px) and ( max-width:927px) {
.nohinseikyudeta_hyoji{
font-size:125%;
margin-left: -60rem;
font-weight: bold;
}
}
@media screen and (min-width:928px) and ( max-width:1100px) {
.nohinseikyudeta_hyoji{
font-size:125%;
margin-left: -70rem;
font-weight: bold;
}
}
@media screen and (min-width:1101px) and ( max-width:1299px) {
.nohinseikyudeta_hyoji{
font-size:125%;
margin-left:-80rem;;
font-weight: bold;
}
}
@media screen and (min-width:1299px) and ( max-width:1350px) {
.nohinseikyudeta_hyoji{
font-size:125%;
margin-left:-90rem;;
font-weight: bold;
}
}
@media screen and (min-width:1351px) and ( max-width:1460px) {
.nohinseikyudeta_hyoji{
font-size:125%;
margin-left:-105rem;;
font-weight: bold;
}
}
@media screen and (min-width:1461px) and ( max-width:1670px) {
.nohinseikyudeta_hyoji{
font-size:125%;
margin-left:-110rem;;
font-weight: bold;
}
}
@media screen and (min-width:1671px) and ( max-width:1714px) {
.nohinseikyudeta_hyoji{
font-size:125%;
margin-left:-120rem;;
font-weight: bold;
}
}
/*W0030のtableの上の件数表示の位置調整ここまで*/
/*W0080のtableの上の件数表示の位置調整ここから*/
.deta_hyoji{
font-size:125%;
margin-left: 20rem;
font-weight: bold;
}
@media screen and (min-width:764px) and ( max-width:1024px) {
.deta_hyoji{
font-size:125%;
margin-left: 3rem;
font-weight: bold;
}
}
@media screen and (min-width:1025px) and ( max-width:1468px) {
.deta_hyoji{
font-size:125%;
margin-left: 8rem;
font-weight: bold;
}
}
/*W0080のtableの上の件数表示の位置調整ここまで*/
/*W0072のtableの上の件数表示の位置調整ここから*/
.torikomideta_hyoji {
font-size:125%;
margin-left: 29rem;
font-weight: bold;
}
@media screen and (min-width:764px) and ( max-width:920px) {
.torikomideta_hyoji{
font-size:125%;
margin-left: 18rem;
font-weight: bold;
}
}
@media screen and (min-width:921px) and ( max-width:1024px) {
.torikomideta_hyoji{
font-size:125%;
margin-left: 22rem;
font-weight: bold;
}
}
@media screen and (min-width:1025px) and ( max-width:1468px) {
.torikomideta_hyoji{
font-size:125%;
margin-left: 8rem;
font-weight: bold;
}
}
@media screen and (min-width:1469px) and ( max-width:1714px) {
.torikomideta_hyoji{
font-size:125%;
margin-left: 8rem;
font-weight: bold;
}
}
/*W0072のtableの上の件数表示の位置調整ここまで*/
/*W0082のtableの上の件数表示の位置調整ここから*/
.torikomidetaitiran_hyoji {
font-size:125%;
margin-left: 17rem;
font-weight: bold;
}
@media screen and (min-width:764px) and ( max-width:920px) {
.torikomidetaitiran_hyoji{
font-size:125%;
margin-left: 12rem;
font-weight: bold;
}
}
@media screen and (min-width:921px) and ( max-width:1084px) {
.torikomidetaitiran_hyoji{
font-size:125%;
margin-left: 9rem;
font-weight: bold;
}
}
@media screen and (min-width:1085px) and ( max-width:1300px) {
.torikomidetaitiran_hyoji{
font-size:125%;
margin-left: 10rem;
font-weight: bold;
}
}
@media screen and (min-width:1025px) and ( max-width:1301px) {
.torikomidetaitiran_hyoji{
font-size:125%;
margin-left: 14rem;
font-weight: bold;
}
}
@media screen and (min-width:1355px) and ( max-width:1468px) {
.torikomidetaitiran_hyoji{
font-size:125%;
margin-left: 16rem;
font-weight: bold;
}
}
@media screen and (min-width:1469px) and ( max-width:1714px) {
.torikomidetaitiran_hyoji{
font-size:125%;
margin-left: 15rem;
font-weight: bold;
}
}
/*W0072のtableの上の件数表示の位置調整ここまで*/
/*W0086のtableの上の件数表示の位置調整ここから*/
.mailsend_hyoji {
font-size:125%;
margin-left: 20rem;
font-weight: bold;
}
@media screen and (min-width:764px) and ( max-width:920px) {
.mailsend_hyoji{
font-size:125%;
margin-left: 2rem;
font-weight: bold;
}
}
@media screen and (min-width:921px) and ( max-width:1024px) {
.mailsend_hyoji{
font-size:125%;
margin-left: 3rem;
font-weight: bold;
}
}
@media screen and (min-width:1025px) and ( max-width:1468px) {
.mailsend_hyoji{
font-size:125%;
margin-left: 8rem;
font-weight: bold;
}
}
@media screen and (min-width:1469px) and ( max-width:1714px) {
.mailsend_hyoji{
font-size:125%;
margin-left: 18rem;
font-weight: bold;
}
}
/*W0086のtableの上の件数表示の位置調整ここまで*/
/*tableの上の件数表示の位置調整ここまで*/
/*得意先一覧ページで使用しているtableのcss*/
.page_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
width: 70%;
margin: 0 auto; /* 中央揃え */
}
.page_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 8px;
vertical-align: middle;
font-weight: bold;
font-size: 15px;
text-align: center;
}
.page_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 15px;
}
@media screen and (min-width:764px) and ( max-width:1024px) {
.page_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 12px;
width: 96%;
margin: 0 auto; /* 中央揃え */
}
.page_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 12px;
text-align: center;
}
.page_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 10px;
}
}
@media screen and (min-width:1025px) and (max-width: 1468px) {
.page_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 13px;
width: 90%;
margin: 0 auto; /* 中央揃え */
}
.page_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 13px;
text-align: center;
}
.page_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 13px;
}
}
@media screen and (min-width:1469px) and (max-width: 1820px) {
.page_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 13px;
width: 80%;
margin: 0 auto; /* 中央揃え */
}
.page_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 13px;
text-align: center;
}
.page_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 13px;
}
}
/*得意先一覧ページで使用しているtableのcssここまで*/
/*対象日選択ページの取込日順(W0089)で使用しているtableのcss*/
.W0089torikomipage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
width: 60%;
margin: 0 auto; /* 中央揃え */
}
.W0089torikomipage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 8px;
vertical-align: middle;
font-weight: bold;
font-size: 15px;
text-align: center;
}
.W0089torikomipage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 15px;
}
@media screen and (min-width:764px) and ( max-width:1024px) {
.W0089torikomipage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 12px;
width: 96%;
margin: 0 auto; /* 中央揃え */
}
.W0089torikomipage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 12px;
text-align: center;
}
.W0089torikomipage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 10px;
}
}
@media screen and (min-width:1025px) and (max-width: 1468px) {
.W0089torikomipage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 13px;
width: 90%;
margin: 0 auto; /* 中央揃え */
}
.W0089torikomipage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 13px;
text-align: center;
}
.W0089torikomipage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 13px;
}
}
@media screen and (min-width:1469px) and (max-width: 1820px) {
.W0089torikomipage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 13px;
width: 80%;
margin: 0 auto; /* 中央揃え */
}
.W0089torikomipage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 13px;
text-align: center;
}
.W0089torikomipage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 13px;
}
}
/*対象日選択ページの取込日順(W0089)で使用しているtableのcssここまで*/
/*対象日選択ページの請求日順(W0089)で使用しているtableのcss*/
.W0089seikyupage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
width: 25%;
margin: 0 auto; /* 中央揃え */
}
.W0089seikyupage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 8px;
vertical-align: middle;
font-weight: bold;
font-size: 15px;
text-align: center;
}
.W0089seikyupage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 15px;
}
@media screen and (min-width:764px) and ( max-width:1024px) {
.W0089seikyupage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 12px;
width: 96%;
margin: 0 auto; /* 中央揃え */
}
.W0089seikyupage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 12px;
text-align: center;
}
.W0089seikyupage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 10px;
}
}
@media screen and (min-width:1025px) and (max-width: 1468px) {
.W0089seikyupage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 13px;
width: 90%;
margin: 0 auto; /* 中央揃え */
}
.W0089seikyupage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 13px;
text-align: center;
}
.W0089seikyupage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 13px;
}
}
@media screen and (min-width:1469px) and (max-width: 1820px) {
.W0089seikyupage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 13px;
width: 80%;
margin: 0 auto; /* 中央揃え */
}
.W0089seikyupage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 13px;
text-align: center;
}
.W0089seikyupage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 13px;
}
}
/*対象日選択ページの請求日順(W0089)で使用しているtableのcssここまで*/
/*請求書・納品書ページ(W0030)のインボイス情報tableで使用しているtableのcss*/
.invoice_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 15px;
width: 60%;
margin: 0 auto; /* 中央揃え */
}
.invoice_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 5px;
vertical-align: middle;
font-weight: bold;
font-size: 15px;
text-align: center;
}
.invoice_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 15px;
}
@media screen and (min-width:764px) and ( max-width:1024px) {
.invoice_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 9.5px;
width: 96%;
margin: 0 auto; /* 中央揃え */
}
.invoice_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1px;
vertical-align: middle;
font-weight: bold;
font-size: 9px;
text-align: center;
}
.invoice_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1px;
vertical-align: middle;
/*text-align: left;*/
font-size: 9px;
}
}
@media screen and (min-width:1025px) and (max-width: 1468px) {
.invoice_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 10px;
width: 90%;
margin: 0 auto; /* 中央揃え */
}
.invoice_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 2px;
vertical-align: middle;
font-weight: bold;
font-size: 10px;
text-align: center;
}
.invoice_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1px;
vertical-align: middle;
/*text-align: left;*/
font-size: 10px;
}
}
@media screen and (min-width:1469px) and (max-width: 1820px) {
.invoice_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 11px;
width: 70%;
margin: 0 auto; /* 中央揃え */
}
.invoice_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 2px;
vertical-align: middle;
font-weight: bold;
font-size: 11px;
text-align: center;
}
.invoice_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 13px;
}
}
/*請求書・納品書ページ(W0030)のインボイス情報tableで使用しているtableのcssここまで*/
/*請求書・納品書ページ(W0030)の請求金額と明細のtableで使用しているcss*/
.W0030_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 15px;
width: 80%;
margin: 0 auto; /* 中央揃え */
}
.W0030_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 5px;
vertical-align: middle;
font-weight: bold;
font-size: 15px;
text-align: center;
}
.W0030_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 15px;
}
@media screen and (min-width:764px) and ( max-width:1024px) {
.W0030_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 9.5px;
width: 96%;
margin: 0 auto; /* 中央揃え */
}
.W0030_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1px;
vertical-align: middle;
font-weight: bold;
font-size: 9px;
text-align: center;
}
.W0030_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1px;
vertical-align: middle;
/*text-align: left;*/
font-size: 9px;
}
}
@media screen and (min-width:1025px) and (max-width: 1468px) {
.W0030_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 10px;
width: 90%;
margin: 0 auto; /* 中央揃え */
}
.W0030_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 2px;
vertical-align: middle;
font-weight: bold;
font-size: 10px;
text-align: center;
}
.W0030_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1px;
vertical-align: middle;
/*text-align: left;*/
font-size: 10px;
}
}
@media screen and (min-width:1469px) and (max-width: 1820px) {
.W0030_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 11px;
width: 70%;
margin: 0 auto; /* 中央揃え */
}
.W0030_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 2px;
vertical-align: middle;
font-weight: bold;
font-size: 11px;
text-align: center;
}
.W0030_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 13px;
}
}
/*請求書・納品書ページ(W0030)のインボイス情報tableで使用しているtableのcssここまで*/
/*取込データ一覧ページ（W0072）で使用しているtableのcss*/
.torikomipage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
width: 70%;
margin: 0 auto; /* 中央揃え */
}
.torikomipage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 8px;
vertical-align: middle;
font-weight: bold;
font-size: 15px;
text-align: center;
}
.torikomipage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 15px;
}
@media screen and (min-width:764px) and ( max-width:1024px) {
.torikomipage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 8px;
width: 70%;
margin: 0 auto; /* 中央揃え */
}
.torikomipage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 8px;
text-align: center;
}
.torikomipage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 8px;
}
}
@media screen and (min-width:1025px) and (max-width: 1468px) {
.torikomipage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 11px;
width: 95%;
margin: 0 auto; /* 中央揃え */
}
.torikomipage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 11px;
text-align: center;
}
.torikomipage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 11px;
}
}
@media screen and (min-width:1069px) and (max-width: 1820px) {
.torikomipage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 13px;
width: 89%;
margin: 0 auto; /* 中央揃え */
}
.torikomipage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 4px;
vertical-align: middle;
font-weight: bold;
font-size: 13px;
text-align: center;
}
.torikomipage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 13px;
}
}
/*取込データ一覧ページ（W0072）で使用しているtableのcssここまで*/
/*取込データ一覧ページ(W0082)で使用しているtableのcss*/
.torikomiitiran_page_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
width: 90%;
margin-left:14rem
}
.torikomiitiran_page_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3px;
vertical-align: middle;
font-weight: bold;
font-size: 14px;
text-align: center;
}
.torikomiitiran_page_table td {
width: auto;
height: 38px; /* 2行分の高さ（1行あたり約20px） */
line-height: 20px; /* 1行の高さを固定 */
overflow: hidden; /* 3行目以降は隠す */
white-space: normal; /* 改行を許可 */
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px 7px; /* ご質問のHTMLから合わせて調整 */
vertical-align: middle;
font-size: 1.5rem;
}
@media screen and (min-width:764px) and ( max-width:899px) {
.torikomiitiran_page_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 12px;
width: 82%;
margin-left:1rem ;
}
.torikomiitiran_page_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1px;
vertical-align: middle;
font-weight: bold;
font-size: 11px;
text-align: center;
}
.torikomiitiran_page_table td {
width: auto;
height: 28px; /* 2行分の高さ（1行あたり約20px） */
line-height: 16px; /* 1行の高さを固定 */
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 1.4rem;
}
}
@media screen and (min-width:900px) and ( max-width:1092px) {
.torikomiitiran_page_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 12px;
width: 82%;
margin-left:1rem ;
}
.torikomiitiran_page_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1px;
vertical-align: middle;
font-weight: bold;
font-size: 10.5px;
text-align: center;
}
.torikomiitiran_page_table td {
width: auto;
height: 28px; /* 2行分の高さ（1行あたり約20px） */
line-height: 16px; /* 1行の高さを固定 */
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 1.2rem;
}
}
@media screen and (min-width:1093px) and ( max-width:1300px) {
.torikomiitiran_page_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 13px;
width: 90%;
margin-left:6.5rem
}
.torikomiitiran_page_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 2px;
vertical-align: middle;
font-weight: bold;
font-size: 11px;
text-align: center;
}
.torikomiitiran_page_table td {
width: auto;
height: 38px; /* 2行分の高さ（1行あたり約20px） */
line-height: 18px; /* 1行の高さを固定 */
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 1.1rem;
}
}
@media screen and (min-width:1030px) and ( max-width:1092px) {
.torikomiitiran_page_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 13px;
width: 80%;
margin-left:5.5rem ;
}
.torikomiitiran_page_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1px;
vertical-align: middle;
font-weight: bold;
font-size: 13px;
text-align: center;
}
.torikomiitiran_page_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 1rem;
}
}
@media screen and (min-width:900px) and ( max-width:1029px) {
.torikomiitiran_page_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 10px;
width: 85%;
margin-left:1rem ;
}
.torikomiitiran_page_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1px;
vertical-align: middle;
font-weight: bold;
font-size: 10px;
text-align: center;
}
.torikomiitiran_page_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 1rem;
}
}
@media screen and (min-width:1301px) and ( max-width:1700px) {
.torikomiitiran_page_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 13px;
width: 84%;
margin-left:7.5rem
}
.torikomiitiran_page_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 2px;
vertical-align: middle;
font-weight: bold;
font-size: 11px;
text-align: center;
}
.torikomiitiran_page_table td {
width: auto;
height: 38px; /* 2行分の高さ（1行あたり約20px） */
line-height: 18px; /* 1行の高さを固定 */
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 1.3rem;
}
}
@media screen and (min-width:1701px) and ( max-width:1890px) {
.torikomiitiran_page_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
width: 90%;
margin-left: 1.3rem
}
.torikomiitiran_page_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 2px;
vertical-align: middle;
font-weight: bold;
font-size: 1.3rem;
text-align: center;
}
.torikomiitiran_page_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 1.3rem;
}
}
/*取込データ一覧ページ(W0082)で使用しているtableのcssここまで*/
/*請求月検索、納品月選択で使用しているtableのcss*/
.monthselectpage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 13px;
width: 75%;
margin: 0 auto; /* 中央揃え */
}
.monthselectpage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 8px;
vertical-align: middle;
font-weight: bold;
font-size: 14px;
text-align: center;
}
.monthselectpage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 14px;
}
@media screen and (min-width:764px) and ( max-width:1024px) {
.monthselectpage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 12px;
width: 96%;
margin: 0 auto; /* 中央揃え */
}
.monthselectpage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 12px;
text-align: center;
}
.monthselectpage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 10px;
}
}
@media screen and (min-width:1025px) and (max-width: 1468px) {
.monthselectpage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 13px;
width: 90%;
margin: 0 auto; /* 中央揃え */
}
.monthselectpage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 13px;
text-align: center;
}
.monthselectpage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 13px;
}
}
@media screen and (min-width:1469px) and (max-width: 1820px) {
.monthselectpage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 13px;
width: 80%;
margin: 0 auto; /* 中央揃え */
}
.monthselectpage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 13px;
text-align: center;
}
.monthselectpage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 13px;
}
}
/*請求月検索、納品月選択で使用しているtableのcssここまで*/
/*企業担当一覧ページで使用しているtableのcssここから*/
.tantoupage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
width: 65%;
margin: 0 auto; /* 中央揃え */
}
.tantoupage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 8px;
vertical-align: middle;
font-weight: bold;
font-size: 15px;
text-align: center;
}
.tantoupage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 15px;
}
@media screen and (min-width:764px) and ( max-width:1024px) {
.tantoupage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 12px;
width: 96%;
margin: 0 auto; /* 中央揃え */
}
.tantoupage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 12px;
text-align: center;
}
.tantoupage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 10px;
}
}
@media screen and (min-width:1025px) and (max-width: 1468px) {
.tantoupage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 13px;
width: 72%;
margin: 0 auto; /* 中央揃え */
}
.tantoupage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 13px;
text-align: center;
}
.tantoupage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 13px;
}
}
@media screen and (min-width:1469px) and (max-width: 1820px) {
.tantoupage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 13px;
width: 68%;
margin: 0 auto; /* 中央揃え */
}
.tantoupage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 13px;
text-align: center;
}
.tantoupage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 13px;
}
}
/*企業担当一覧ページで使用しているtableのcssここまで*/
/*企業告知ページ(W0120)で使用しているtableのcss*/
.kokuchipage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
width: 72%;
margin: 0 auto; /* 中央揃え */
}
.kokuchipage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 8px;
vertical-align: middle;
font-weight: bold;
font-size: 15px;
text-align: center;
}
.kokuchipage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 15px;
}
@media screen and (min-width:764px) and ( max-width:1024px) {
.kokuchipage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 12px;
width: 96%;
margin: 0 auto; /* 中央揃え */
}
.kokuchipage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 12px;
text-align: center;
}
.kokuchipage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 10px;
}
}
@media screen and (min-width:1025px) and (max-width: 1468px) {
.kokuchipage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 13px;
width: 90%;
margin: 0 auto; /* 中央揃え */
}
.kokuchipage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 13px;
text-align: center;
}
.kokuchipage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 13px;
}
}
@media screen and (min-width:1469px) and (max-width: 1820px) {
.kokuchipage_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 13px;
width: 80%;
margin: 0 auto; /* 中央揃え */
}
.kokuchipage_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 13px;
text-align: center;
}
.kokuchipage_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 13px;
}
}
/*企業告知ページ(W0120)で使用しているtableのcss*/
/*得意先一覧ページ、対象日選択ページ(W0089)で使用しているtableのcss*/
.page_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
width: 80%;
margin: 0 auto; /* 中央揃え */
}
.page_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 8px;
vertical-align: middle;
font-weight: bold;
font-size: 15px;
text-align: center;
}
.page_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 15px;
}
@media screen and (min-width:764px) and ( max-width:1024px) {
.page_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 12px;
width: 96%;
margin: 0 auto; /* 中央揃え */
}
.page_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 12px;
text-align: center;
}
.page_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 10px;
}
}
@media screen and (min-width:1025px) and (max-width: 1468px) {
.page_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 13px;
width: 90%;
margin: 0 auto; /* 中央揃え */
}
.page_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 13px;
text-align: center;
}
.page_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 13px;
}
}
@media screen and (min-width:1469px) and (max-width: 1820px) {
.page_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 13px;
width: 80%;
margin: 0 auto; /* 中央揃え */
}
.page_table th {
width: auto;
/*white-space: nowrap;*/
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 3.5px;
vertical-align: middle;
font-weight: bold;
font-size: 13px;
text-align: center;
}
.page_table td {
width: auto;
/*white-space: nowrap;*/
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 1.5px;
vertical-align: middle;
/*text-align: left;*/
font-size: 13px;
}
}
/*得意先一覧ページ、対象日選択ページ(W0089)で使用しているtableのcssここまで*/
/*請求書ダウンロードページで使用しているtableのcss*/
.invoice_table {
table-layout: auto;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
}
.invoice_table th {
width: auto;
white-space: nowrap;
color: #fff;
background: #092B71;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 5px;
vertical-align: middle;
font-weight: bold;
font-size: 14px;
text-align: center;
}
.invoice_table td {
width: auto;
white-space: nowrap;
background: #fff;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 5px;
vertical-align: top;
/*text-align: left;*/
font-size: 14px;
}
/*------------------------------------------------------------
base
------------------------------------------------------------*/
body {
font-family: YuGothic, "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing: .025em;
line-height: 1.8;
margin: 0;
}
.section {
max-width: 1024px;
margin: 0 auto;
padding: 50px 10px;
}
.section p._a {
font-size: 12px;
font-weight: bold;
margin: 30px 0 0;
}
.section p._a .link {
display: inline-block;
color: #607D8B;
padding-left: 1.3em;
text-indent: -1.3em;
}
.section p._a .link:before {
content: '';
display: inline-block;
width: 5px;
height: 5px;
border-top: 2px solid #607D8B;
border-right: 2px solid #607D8B;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-right: 10px;
}
.i_box2 {
padding: 0.5em 4em;
margin: 15em 42em;
font-weight: bold;
color: #333;/*文字色*/
background: #FFF;
font-size: 16px;
border: solid 3px #191970;/*線*/
border-radius: 10px;/*角の丸み*/
display: inline-block;
}
.i_box2 p {
margin: 0;
padding: 0;
}
/*test*/
.blue{color:#000;}
/*ここから2022/08/04以降新規追加したcss*/
/*ログインフォームで使用*/
.i_loginbox {
margin: 10px auto;
width: 710px;
font-weight: bold;
color: #333;/*文字色*/
background: #FFF;
font-size: 13px;
border: solid 2px #fff;/*線*/
border-radius: 10px;/*角の丸み*/
display: inline-block;
}
@media (min-width: 217px) and (max-width: 453px){
.i_loginbox {
padding: 0.5em 3em;
margin: 5em 0.1em;
font-weight: bold;
color: #333;/*文字色*/
background: #FFF;
font-size: 16px;
border: solid 2.5px #191970;/*線*/
border-radius: 10px;/*角の丸み*/
display: inline-block;
}
}
@media (min-width: 454px) and (max-width: 730px){
.i_loginbox {
padding: 0.5em 3em;
margin: 7em auto;
width: 422px;
font-weight: bold;
color: #333;/*文字色*/
background: #FFF;
font-size: 16px;
border: solid 3px #191970;/*線*/
border-radius: 10px;/*角の丸み*/
display: inline-block;
}
}
@media (min-width: 731px) and (max-width: 990px){
.i_loginbox {
margin: 10px auto;
width: 710px;
font-weight: bold;
color: #333;/*文字色*/
background: #FFF;
font-size: 16px;
border: solid 3px #191970;/*線*/
border-radius: 10px;/*角の丸み*/
display: inline-block;
}
}
@media (min-width: 991px) and (max-width: 1200px){
.i_loginbox {
margin: 10px auto;
width: 850px;
font-weight: bold;
color: #333;/*文字色*/
background: #FFF;
font-size: 16px;
border: solid 3px #191970;/*線*/
border-radius: 10px;/*角の丸み*/
display: inline-block;
}
}
@media (min-width: 1200px) and (max-width: 1620px){
.i_loginbox {
margin: 10px auto;
width: 700px;
font-weight: bold;
color: #333;/*文字色*/
background: #FFF;
font-size: 16px;
border: solid 3px #191970;/*線*/
border-radius: 10px;/*角の丸み*/
display: inline-block;
}
}
@media (max-width: 2800px){
.i_loginbox {
margin: 20px auto;
width: 900px;
font-weight: bold;
color: #333;/*文字色*/
background: #FFF;
font-size: 16px;
border: solid 3px #191970;/*線*/
border-radius: 10px;/*角の丸み*/
display: inline-block;
}
}
.i_username{
font-size: 30px;
font-weight: bold;
}
.Genie_midashi1{
font-size: 2.2rem;
font-weight: bold;
}
@media (min-width: 225px) and (max-width: 300px){
.i_username{
font-size: 17px;
font-weight: bold;
}
}
@media (min-width: 301px) and (max-width: 450px){
.i_username{
font-size: 20px;
font-weight: bold;
}
}
.i_itiranbox {
margin: 10px auto;
width: 780px;
font-weight: bold;
color: #333;/*文字色*/
background: #FFF;
font-size: 16px;
border: solid 3px #191970;/*線*/
border-radius: 10px;/*角の丸み*/
display: inline-block;
}
@media (min-width: 217px) and (max-width: 377px){
.i_itiranbox {
padding: 0.1em 2em;
margin: 5em 0.2em;
width: 210px;
font-weight: bold;
color: #333;/*文字色*/
background: #FFF;
font-size: 12px;
border: solid 2.5px #191970;/*線*/
border-radius: 10px;/*角の丸み*/
display: inline-block;
}
}
@media (min-width: 378px) and (max-width: 453px){
.i_itiranbox {
padding: 0.1em 2em;
margin: 5em 0.1em;
width: 320px;
font-weight: bold;
color: #333;/*文字色*/
background: #FFF;
font-size: 14px;
border: solid 2.5px #191970;/*線*/
border-radius: 10px;/*角の丸み*/
display: inline-block;
}
}
@media (min-width: 454px) and (max-width: 730px){
.i_itiranbox {
padding: 0.5em 3em;
margin: 7em auto;
width: 422px;
font-weight: bold;
color: #333;/*文字色*/
background: #FFF;
font-size: 16px;
border: solid 3px #191970;/*線*/
border-radius: 10px;/*角の丸み*/
display: inline-block;
}
}
@media (min-width: 731px) and (max-width: 774px){
.i_itiranbox {
padding: 0.5em 3em;
margin: 7em auto;
width: 700px;
font-weight: bold;
color: #333;/*文字色*/
background: #FFF;
font-size: 16px;
border: solid 3px #191970;/*線*/
border-radius: 10px;/*角の丸み*/
display: inline-block;
}
}
hr{
width: 56%;
border-width: 1px 0 0 0;
border-style: dotted;
border-color: #191970;
}
.i_linkdeco{
text-decoration: none;
}
.container{
display: flex;
justify-content: center;
align-items: center;
margin:0 auto;
}
.container>div{
width: 90%;
}
.i_logosize1{
/*width: 315px;*/
padding-left: 30px;/*20220822追加*/
}
@media (min-width: 1200px) and (max-width: 1280px){
.i_logosize1{
/*width: 265px;*/
padding-left: 10px;
}
.i_horsename{
font-size:150%;
font-weight:bold;
}
@media (min-width: 225px) and (max-width: 458px){
.i_horsename{
font-size:100%;
font-weight:bold;
}
}
@media (min-width: 220px) and (max-width: 425px){
.i_horsename{
font-size:125%;
font-weight:bold;
}
}
.i_flex{
max-width: 900px;
margin: 0 auto;
}
/* img{
max-width: 100%;
display: block;
margin: 0 auto;
}*/
@media screen and (min-width:600px) {
.i_flex{
display:flex;
flex-wrap:nowrap;
justify-content:space-between;
}
.i_item+.i_item{
margin-left:1.0em;
}
}
.i_image {
max-width: 280px;
display: block;
margin: 32px auto;
}
@media (min-width:992px) and (max-width: 1199px){
.i_image {
max-width: 220px;
display: block;
margin: 32px auto;
}
}
@media print, screen and (min-width: 768px) {
.width1024{
width:768px;
margin:auto;
}
}
@media print, screen and (min-width: 992px) {/*md*/
.width1024{
width:990px;
margin:auto;
}
}
@media print, screen and (min-width: 1024px) {/*md*/
.width1024{
width:1000px;
margin:auto;
}
}
@media print, screen and (min-width: 1100px) {/*md*/
.width1024{
width:1050px;
margin:auto;
}
}
@media print, screen and (min-width: 1200px) {/*lg*/
.width1024{
width:1112px;
margin:auto;
}
}
@media print, screen and (min-width: 1371px) {/*lg*/
.width1024{
width:1350px;
margin:auto;
}
}
@media print, screen and (min-width: 1440px) {/*lg*/
.width1024{
width:1400px;
margin:auto;
}
}
/* パスワード変更の画面で使用 */
.a_loginhstyle{
text-align: center;
padding-top: 80px;
padding-bottom: 80px;
}
.a_loginstyle{
text-align: center;
padding-top: 40px;
/* 水平方向に中央揃えにしたいがパッとできなかったため後程 */
margin-top: 80px;
margin:auto;
font-weight: bold;
background: #FFF;
border: solid 3px #191970;/*線*/
border-radius: 10px;/*角の丸み*/
width: 600px;
height: 240px;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
[class^="img-flex-"] {
margin-bottom: 20px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.img-flex-3 img { width: 52%; }
.sample1 {/*画像部分*/
/*width: 280px;
height: 188px;*/
width: 100%;
height: 100%;
overflow: hidden;
margin: 10px 8px 10px 16px;
position: relative; /* 相対位置指定 */
}
.sample1 .caption {/*マウスホバー時のグレーの透過部分の文字位置*/
font-size: 130%;
text-align: center;
padding-top: 80px;
color: #fff;
}
.sample1 .mask {/*マウスホバー時のグレーの透過部分*/
width: 100%;
height: 100%;
margin-top: 32px;/*追加20220822*/
position: absolute; /* 絶対位置指定 */
top: 0;
left: 0;
opacity: 0; /* マスクを表示しない */
background-color: rgba(0,0,0,0.4); /* マスクは半透明 */
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.sample1:hover .mask {
opacity: 1; /* マスクを表示する */
}
}
/*お知らせ欄のスクロールcss*/
#newsevent {
height: 120px;/*スクロールの高さ*/
overflow-y: scroll;
}
#newsevent p{
margin-left: 20px;
display: inline-block;
}
.display_box {
margin: 2em 0;
padding: 0;
}
.display_box label {
padding: 15px;
font-weight: bold;
color: #FFF;
background-color: #F7823F;
cursor :pointer;
}
.display_box input {
display: none;
}
.display_box .hidden_box {
visibility: hidden;
}
.display_box input:checked ~ .hidden_box {
padding: 10px 0;
height: auto;
visibility: visible;
}
#xyz { display: inline-block; } /* インラインブロックで表示 */
/*20221215 幸村追加↓↓↓*/
/*homeへのナビボタン*/
#footer_nav {
width: 100%;
max-width: 1820px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}
#footer_nav ul {
position: absolute;
right: 0;
bottom: 0;
/*background-color: #000;*/
width: 80px;
height: 98px;
z-index: 999;
background-color: #0092D3;
background-image: linear-gradient(0deg, #0092D3 0%, #191970 100%);
/*
position: fixed;
right: 0;
bottom: 0;
*/
}
#footer_nav ul li {
/*position: relative;*/
text-align: center;
margin: 0 0px 0 0;
}
#footer_nav ul li a {
width: 80px;
display: block;
text-align: center;
color: #fff;
text-decoration: none;
font-family: myriad-pro, sans-serif;
font-size: 1.3rem;
line-height: 1.2;
letter-spacing: 1px;
padding: 14px;
-webkit-transition: .1s;
transition: .1s;
/*margin: 0 auto;*/
}
/*#footer_nav ul li a:hover {
font-weight: bold;
background-color: #0092D3;
background-image: linear-gradient(0deg, #0092D3 0%, #191970 100%);
}*/
#footer_nav ul li+li {
margin-top: 1px;
}
#footer_nav ul li+li:before {
/*position: absolute;
/*text-align: center;*/
/*top: -1px;
left: 0;
right: 0;
margin: 0 auto;
content: "";
width: 90%;
border-top: solid 1px rgba(255,255,255,0.5);*/
}
#footer_nav ul li a img {
width: 20px;
height: auto;
margin-right:auto;
margin-left: auto;
margin-top:2px;
margin-bottom:5px;
/*margin: 2px 26px 6px 26px */;
}
@media screen and (max-width: 767px) {
#footer_nav {
width: 100%;
max-width: 1280px;
position: fixed;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}
#footer_nav ul {
position: absolute;
right: 0;
bottom: 0;
background-color: rgba(000,0,0,0.5);
width: 80px;
z-index: 999;
/*
position: fixed;
right: 0;
bottom: 0;
*/
}
#footer_nav ul li {
position: relative;
margin: 0;
}
#footer_nav ul li a {
display: block;
text-align: center;
color: #fff;
text-decoration: none;
font-family: myriad-pro, sans-serif;
font-size: 1.4rem;
line-height: 1.2;
letter-spacing: 1px;
padding: 14px 4px;
-webkit-transition: .1s;
transition: .1s;
border-bottom: none;
}
#footer_nav ul li a:hover {
font-weight: bold;
}
#footer_nav ul li+li {
margin-top: 1px;
}
#footer_nav ul li+li:before {
/*position: absolute;
top: -1px;
left: 0;
right: 0;
margin: 0 auto;
/*content: "";*/
/*width: 90%;
/*border-top: solid 1px rgba(255,255,255,0.5);*/
}
#footer_nav ul li a img {
width: 20px;
height: auto;
margin: 2px 26px 6px 26px;
}
}
/**/
.news-list{
list-style: none outside;
margin: 0;
padding: 0;
}
.news-list .item a{
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
text-decoration: none;
color: #333;
border-bottom: 1px solid #CCC;
padding: 20px 20px;
}
.news-list .item:first-child a{
border-top: 1px solid #CCC;
}
.news-list .item .date{
margin: 0;
min-width: 120px;
font-size: 16px;
color: #999;
padding: 0 20px 0 0;
}
.news-list .item .title{
margin: 0;
width: 100%;
}
.news-list .item a:hover .title{
color: #00F;
}
@media screen and (max-width: 767px){
.news-list .item a{
flex-wrap: wrap;
}
.news-list .item .date{
min-width: 100px;
}
.news-list .item .title{
margin-top: 10px;
}
}
/**/
/***追従するトップへ戻るボタン***/
.pagetop {
height: 70px;
width: 70px;
position: fixed;
right: 25px;
bottom: 25px;
background-color: #0092D3;
background-image: linear-gradient(0deg, #0092D3 0%, #191970 100%);
border: none;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
}
.pagetop__arrow {
height: 23px;
width: 23px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
transform: translateY(20%) rotate(-45deg);
}
/***トップへ戻るボタンここまで***/
.ownedhorse_list{
margin-top: 80px;
}
@media screen and (max-width: 992px) {
.ownedhorse_list{
margin-top: 50px;
margin-bottom: 50px;
}
}
/*PCでは右寄せ スマホはセンタリング*/
.pc_right{
text-align: right;
}
@media screen and (max-width: 992px) {
.pc_right{
text-align: center;
margin: 10px auto;
}
}
/*PCでは左寄せ スマホはセンタリング*/
.pc_left{
text-align: left;
}
@media screen and (max-width: 992px) {
.pc_left{
text-align: center;
margin: 10px auto;
}
}
/*スライド追加 20230111 幸村*/
/*
右から左へ
----------------------------*/
@keyframes infinity-scroll-left {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
/*
IE11対策
----------------------------*/
_:-ms-lang(x)::-ms-backdrop,
.d-demo {
display: -ms-grid;
overflow: hidden;
}
/*----------------------------*/
.d-demo {
background-color: #191970;
padding-top: 0px;
}
.d-demo__wrap {
display: flex;
overflow: hidden;
}
.horse_list {
width: auto;
height: 220px;
overflow: hidden;
/*margin: 10px 8px 10px 16px;*/
margin-bottom: 30px;
position: relative;
}
.horse_list .caption {
font-size: 80%;
text-align: center;
color: #fff;
font-weight: bold;
}
.horse_list .mask {
width: 80%;
height: 80%;
position: absolute;
top: 0;
/*left: 0;*/
opacity: 0; /* マスクを表示しない */
/*background-color: rgba(0,0,0,0.4);*/
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
margin-left: 40px;
}
.horse_list:hover .mask {
opacity: 1; /* マスクを表示する */
padding-top: 50px; /* ホバーで下にずらす */
}
.d-demo__wrap:hover .d-demo__list--left{/*マウスオーバーで止まる*/
animation-play-state: paused;
}
.d-demo__list {
display: flex;
list-style: none;
}
.d-demo__list--left{/*ページが表示されて0.5秒後に、30秒かけて4枚の画像すべてを左端まで移動*/
animation :infinity-scroll-left 30s infinite linear 0.5s both;
}
.d-demo__item {
width: calc(100vw / 4);/*所有馬数*/
}
.d-demo__item > img{
/*width: 100%;*/
height: 220px;
}
/*お知らせの枠*/
.box{
border: 2px solid #092B71;
border-radius: 5px;
position: relative;
margin-top: 1em;
width: 70%;
}
.box h3{
text-align: center;
position: absolute;
right: 0;
left: 0;
top: -1.5em;
}
.box span{
padding: 0 1em;
background: #FFF;
color: #092B71;
font-weight: normal;
line-height: 1.1; /*お知らせ欄の告知の上下幅を調整*/
}
.box .inner{
padding: 3em .5em .5em;
height:200px;/*スクロールの高さ*/
overflow-y: scroll;
}
@media screen and (max-width: 992px) {
.box{
border: 2px solid #2A1E9A;
border-radius: 5px;
position: relative;
margin-top: 1em;
width: 100%;
}
.box h3{
text-align: center;
position: absolute;
right: 0;
left: 0;
top: -1.5em;
}
.box span{
padding: 0 1em;
background: #FFF;
color: #2A1E9A;
}
.box .inner{
padding: 3em .5em .5em;
height:200px;/*スクロールの高さ*/
overflow-y: scroll;
}
}
.footer_img {
position: absolute;
top: 0;
bottom: -650px;
left: 0;
right: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
@media screen and (max-width: 785px){
.footer_img {
position: absolute;
top: 0;
bottom: -850px;
left: 0;
right: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
}
@media screen and (max-width: 420px){
.footer_img {
position: absolute;
top: 0;
bottom: -1200px;
left: 0;
right: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
}
/*ヘッダー部のロゴの位置を調整*/
.header_img{
/*position: absolute;*/
top: 0;
bottom: 0px;
/*left: -1700px;*/
right: 0px;
margin: auto;
max-width: 100%;
max-height: 100%;
}
@media screen and (min-width:1670px) and (max-width: 1700px){
.header_img{
/*position: absolute;*/
top: 0;
bottom: 0px;
/*left: -1450px;*/
right: 0px;
margin: auto;
max-width: 100%;
max-height: 100%;
}
}
@media screen and (min-width:1490px) and (max-width: 1670px){
.header_img{
/*position: absolute;*/
top: 0;
bottom: 0px;
/*left: -1290px;*/
right: 0px;
margin: auto;
max-width: 100%;
max-height: 100%;
}
}
@media screen and (min-width:1310px) and (max-width: 1490px){
.header_img{
/*position: absolute;*/
top: 0;
bottom: 0px;
/*left: -1110px;*/
right: 0px;
margin: auto;
max-width: 100%;
max-height: 100%;
}
}
@media screen and (min-width:1200px) and (max-width: 1310px){
.header_img{
/*position: absolute;*/
top: 0;
bottom: 0px;
/* left: -1000px;*/
right: 0px;
margin: auto;
max-width: 100%;
max-height: 100%;
}
}
/*W0080の読み込み中の文字を点滅させる
.Loading_blink{
animation: blinking 1s ease-in-out infinite alternate;
}
@keyframes blinking {
0% {opacity: 0;}
100% {opacity: 1;}
}
*/
/*データ取り込み*/
.loading{
text-align:center;
/*margin:50px;*/
display:none;
background: rgba(255,250,250,0.3);
margin-top:-100px;
/*width:1024px;*/
height:400px;
padding-top:120px;
}
.loadmsg{
font-size:150%;
/*background-color:#CCC;*/
/*background: rgba(153,153,153,0.1);*/
}
/*リンクが貼ってあるヘッダ部分以外の文言の下線*/
.link_under{
color: #000;
border-bottom: dotted 2px #0092D3;
}
.syorimenu_midashi{
display: inline-block;
color: #191970;/*文字色*/
font-size: 2.25rem;
padding: 0.5em 0;/*上下の余白*/
border-top: solid 3px #0092D3;/*上線*/
border-bottom: solid 3px #0092D3;/*下線*/
}
h2 {
font-size: 3.5rem;
position: relative;
padding: 0 65px;
text-align: center;
}
h2:before {
position: absolute;
top: calc(50% - 1px);
left: 0;
width: 100%;
height: 2px;
content: '';
background: #0092D3;
}
h2 span {
position: relative;
padding: 0 1em;
background: #fff;
}
.confirm-dialog {
background-color: #ffdddd;
color: #d8000c;
border: 2px solid #d8000c;
padding: 20px;
font-size: 16px;
text-align: center;
}
/*ドロップダウンで使用*/
.menu {
list-style: none;
display: flex;
gap: 40px;
}
.menu li {
position: relative;
color: #fff;
}
.menu li a {
color: #fff;
}
.submenu {
display: none;
position: absolute;
top: 100%;
left: 0;
list-style: none;
background-color: white;
border: 1px solid #ccc;
padding: 10px 0;
min-width: 250px;
z-index: 100;
}
.submenu li {
padding: 2px 5px;
border-bottom: 1px solid #191970;
}
.submenu li a {
color: #000;
}
.dropdown:hover .submenu {
display: block;
}