@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------------
   photo setting
------------------------------------------------------- */

/*-- 見出し h1、振り仮名--*/

#content h3{
font-size:1.4em;
border-bottom:#cdcd11 3px solid;
padding-bottom:.2em;

}

#content .number {
    text-align: right;
    margin-bottom: 10px;
	font-size:1.2em;
}

#content .number:before {
content: "請求番号：";
}

#contentInner{
  display: flex;
padding: 2em;
  box-sizing: border-box;
}

@media screen and (max-width: 800px) {
#contentInner{
  display: flex;
padding: 1em;
  box-sizing: border-box;
}
}

/*-- 閉じるボタン--*/

.h_menu{
	    height: 0;
}
.h_menu a.close{
    color: #000;
    border: 0px solid #FFF;
    padding: 0.3rem 0.5rem 0.3rem 0;
    position: relative;
    font-size: 90%;
    letter-spacing: 0.05rem;
    top: -63px;
    left: 1100px;	
	display: inline-block;
}


@media screen and (max-width: 800px) {
.h_menu a.close{
	color: #FFF;
	border: 0px solid #FFF;
	padding: 0.3rem 0.5rem 0.3rem 0;
	position: absolute;
	font-size: 90%;
	letter-spacing: 0.05rem;
	top: 10px;	
	right: 10px;
    left: unset;	
	
}
}

/*-- 請求番号 --*/


/*-- inner --*/

#inner {
    padding: 2.5%;	
}

#inner:before {
	background-image: none; 
}

#thumb01  {
    display: flex;
    justify-content: flex-end;	
}

ol#thumb01 {
    list-style:none;
}

#thumb01 li a  {
    font-size: 130%;
    background: #cdcd11;
    border: 1px solid #cdcd11;
    color: #fff;
    padding: 5px 13px;
    margin: 5px 0px 13px 5px;
    border-radius: 5%;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	text-decoration:none;
	font-weight:bold;
}

#thumb01 li a:hover {
	opacity: 1.0;
}

#thumb01 li a.active {
	opacity: 1.0;
    background: #83830b;
    border: 1px solid #83830b;

	color: #FFF;	
}

/* ----------------------------------------------------
   photo sp setting
------------------------------------------------------- */

@media screen and (max-width: 767px){
    #thumb01 li a  {
		width: 38px;
		height: 38px;		
        padding: 8px 13px 8px 13px;	
	}
}