@import url("style.css");


/********************「追加＆複数者で書き込む場合などのCSSファイル」**********************







**********作業者名（例：inoue）＆デバイス（例：PC）＆要素（component）を記述**********/




/***** 作業者yu_PC--Layout ******/
@media print,screen and (min-width: 769px) {
.ticket-flex02 {
  display: flex;
  padding: 1em;
}
.ticket02-left {
  width: 48%;
}
	
.ticket02-left img{
  width: 90%;
}	
	
.ticket02-right {
  width: 48%;
}

.flex-box-02{
width:100%;	
display:flex;
justify-content: flex-start;	
flex-wrap: wrap;	
align-items:flex-start;	
text-align: center;
margin:0 auto;	
}
.flex-box-02 .flex-item-02{
display: flex;
flex-direction: column;		
width: calc(100% / 2 - 1em);
margin: 0.5em 0.5em 0.9em 0.5em;
line-height: 160%;
font-size:16px;
background-color: #FFFFFF;
padding: 1.5em;
border-radius: 10px;
min-height:1131px;
}
/*.flex-box-02 .flex-item-02 img{
display: block;
margin: 0 auto;
padding:1em;
}*/

.flex-box-03{
width:100%;	
display:flex;
justify-content: flex-start;	
flex-wrap: wrap;	
align-items:flex-start;	
text-align: center;
margin:0 auto;	
}
.flex-box-03 .flex-item-03{
display: flex;
flex-direction: column;		
width: calc(100% / 3 - 1em);
margin: 0.5em 0.5em 0em 0.5em;
line-height: 160%;
font-size:16px;
background-color: #FFFFFF;
padding: 1.5em;
border-radius: 10px;
min-height: 782px;
}
/*.flex-box-03 .flex-item-03 img{
width: 100%;	
display: block;
margin: 0 auto;
padding:1em;
}*/
.flex-box-04{
width:100%;	
display:flex;
justify-content: flex-start;	
flex-wrap: wrap;	
align-items:flex-start;	
text-align: center;
margin:0 auto;	
}
.flex-box-04 .flex-item-04{
display: flex;
flex-direction: column;		
width: calc(100% / 3 - 1em);
margin: -0.7em 0.5em 0.5em 0.5em;
line-height: 160%;
font-size:16px;
background-color: #FFFFFF;
padding: 1.5em;
border-radius: 10px;
min-height: 674px;
}
	
	
table.table-net2 {
width: 95%;
/*border: 1px #E3E3E3 solid;*/

margin:0px auto;
}

table.table-net2 th {
padding:1em;
font-weight: bold;
color:#000;
line-height: 120%;
text-align: center;

margin:0px 0 5px 0px;
vertical-align:middle;
background-color:#F8F8F8;
border: 1px #666 solid;
border-width: 0 0px 1px 5px;
}
table.table-net2 td {
padding:1em;
border: 1px #CCC solid;
border-width: 0 0px 1px 1px;
line-height:130%;
text-align: left;
vertical-align:middle;
color:#222;
background-color:#F8F8F8;
/*background-color:#F7ECFF;*/
}
	
table.table-net2 tr td:nth-of-type(1){ width:55%;}/***1列め***/
table.table-net2 tr td:nth-of-type(2){ width:45%;}/***2列め***/
	
.p_txt_right{text-align: right;margin:0 55px 0 0;}	
	

.strong_box01{background-color:#222;color:#FFF;padding:1em;font-size:20px;font-weight:bold;line-height:160%;}	

	
	
table.table-qr {
width: 70%;
/*border: 1px #E3E3E3 solid;*/

margin:0px auto;
}
	
table.table-qr th {
padding:1em;
font-weight: bold;
color:#000;
line-height: 120%;
text-align: center;

margin:0px 0 5px 0px;
vertical-align:middle;
background-color:#F8F8F8;
border: 1px #666 solid;
border-width: 0 0px 1px 5px;
}
table.table-qr td {
padding:0.5em;
border: 1px #CCC solid;
border-width: 0 0px 1px 1px;
line-height:130%;
vertical-align:top;
color:#222;
background-color:#F8F8F8;
/*background-color:#F7ECFF;*/
width:33%;
}
	

table.table-qr td img{
width:60%;
text-align: center;
}	
	
	
	
}


/***** 作業者yu_SAMRT--Layout ******/
@media screen and (max-width: 768px) {

.ticket-wrap {
background-color: #000;
margin: 0.5em 0.5em 2em 0.5em;
}
	
.ticket-flex02 {
  display: wrap;
  padding: 1em;
  background: #ffffb6;
}
.ticket02-left {
  width: 98%;
}
.ticket02-right {
  width: 98%;
  padding:1em 0 1em 0;
}		

.flex-box-02{
width:100%;	
display:wrap;
justify-content: flex-start;	
flex-wrap: wrap;	
align-items:flex-start;	
text-align: center;
margin:0 auto;
/*background: #ffffb6;*/
}
.flex-box-02 .flex-item-02{
display: flex;
flex-direction: column;		
width: calc(100% / 1 - 1em);
margin: 0.5em 0.5em 2em 0.5em;
/*line-height: 160%;*/
font-size:16px;
background-color: #FFFFFF;
padding: 1.5em 1em 1.5em 1em;
border-radius: 10px;
min-height: 650px;
}
.flex-box-02 .flex-item-02 img{
/*display: block;*/
margin: 0 auto;
/*padding:0em;*/
}

.flex-box-03{
width:100%;	
display:wrap;
justify-content: flex-start;	
flex-wrap: wrap;	
align-items:flex-start;	
text-align: center;
margin:0 auto;
/*background: #ffffb6;*/
}
.flex-box-03 .flex-item-03{
display: flex;
flex-direction: column;		
width: calc(100% / 1 - 1em);
margin: 0.5em 0.5em 2em 0.5em;
/*line-height: 160%;*/
font-size:16px;
background-color: #FFFFFF;
padding: 1.5em 1em 1.5em 1em;
border-radius: 10px;
min-height: 650px;
}
.flex-box-03 .flex-item-03 img{
width: 100%;	
display: block;
margin: 0 auto;
padding:0em;
}	

.flex-box-04{
width:100%;	
display:wrap;
justify-content: flex-start;	
flex-wrap: wrap;	
align-items:flex-start;	
text-align: center;
margin:0 auto;
/*background: #ffffb6;*/
}
.flex-box-04 .flex-item-04{
display: flex;
flex-direction: column;		
width: calc(100% / 1 - 1em);
margin: 0.5em 0.5em 2em 0.5em;
/*line-height: 160%;*/
font-size:16px;
background-color: #FFFFFF;
padding: 1.5em 1em 1.5em 1em;
border-radius: 10px;
min-height: 350px;
}
.flex-box-04 .flex-item-04 img{
width: 100%;	
display: block;
margin: 0 auto;
padding:0em;
}
	
table.table-net2 {
width: 95%;
/*border: 1px #E3E3E3 solid;*/

margin:0px auto;
}

table.table-net2 th {
padding:1em;
font-weight: bold;
color:#000;
line-height: 120%;
text-align: center;
font-size:16px;
margin:0px 0 5px 0px;
vertical-align:middle;
background-color:#F8F8F8;
border: 1px #666 solid;
border-width: 0 0px 1px 5px;
}
table.table-net2 td {
padding:1em;
border: 1px #CCC solid;
border-width: 0 0px 1px 1px;
line-height:130%;
text-align: left;
vertical-align:middle;
background-color:#F8F8F8;
font-size:15px;
/*background-color:#F7ECFF;*/
}

/*------人間形成系のtable幅調整--------*/

table.table-net2 tr td:nth-of-type(1){ width:45%;}/***1列め***/
table.table-net2 tr td:nth-of-type(2){ width:55%;}/***2列め***/

.p_txt_right{/*text-align: right;*/margin:0 0px 0 120px;}		

.strong_box01{background-color:#222;color:#FFF;padding:0.5em;font-size:16px;font-weight:bold;line-height:160%;text-align: center;}	


table.table-qr {
width: 98%;
/*border: 1px #E3E3E3 solid;*/

margin:0px auto;
}
	
table.table-qr th {
padding:1em;
font-weight: bold;
color:#000;
line-height: 120%;
text-align: center;

margin:0px 0 5px 0px;
vertical-align:middle;
background-color:#F8F8F8;
border: 1px #666 solid;
border-width: 0 0px 1px 5px;
}
table.table-qr td {
padding:0.2em;
border: 1px #CCC solid;
border-width: 0 0px 1px 1px;
line-height:130%;
text-align: left;
vertical-align:top;
color:#222;
background-color:#F8F8F8;
/*background-color:#F7ECFF;*/
width:33%;
}	
	
	
}



/*-----iPadPro用------*/
/*　画面サイズが980pxから1024pxまではここを読み込む　*/	
@media screen and (min-width:769px) and ( max-width:1024px) {

.flex-box-04 .flex-item-04{
min-height: 670px;
}

.flex-box-03 .flex-item-03{
min-height: 820px;
}

.flex-box-02 .flex-item-02{
min-height:1270px;
}

}


/*************************************************************
***********************▼▼▼▼▼▼▼▼▼▼▼▼▼▼*************************
**************************************************************
***********************▼▼▼▼▼▼▼▼▼▼▼▼▼▼*************************
*************************************************************/






/***** 作業者tahara_PC--utllity ******/
@media print,screen and (min-width: 769px) {
.info-ttl h2{
width: 100%;
margin: 0 auto;
text-align: center;
padding: 3em 0 3em 0;
border-bottom: solid 1px #CDCACA;
}
	
}


/***** 作業者tahara_SMART--utllity ******/
@media screen and (max-width: 768px) {
.info-ttl h2{
width: 100%;
margin: 0 auto;
text-align: center;
padding: 3em 0 3em 0;
border-bottom: solid 1px #CDCACA;
}
	
}