@charset "utf-8";
/*--------------------------------------
	carry-on
	created 2021.04.13
	last updated 2025.07.03
----------------------------------------*/
#wrapper,
header,
footer { max-width: 1250px; }

#contents {
	background-color: #E8E8E8;
	padding: 0;
    font-size: 0.95rem;
}

#titles {
	background-color: #262626;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    padding: 20px 30px;
}

#titles h1 {
    font-family: "Shin Go Bold", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 20px 0;
}

#titles h1 span {
    display: inline-block;
    padding-left: 20px;
}

#titles #rightNavi ul {
    display: flex;
    align-items: bottom;
    column-gap: 10px;
}

#titles #rightNavi ul li,
#titles #rightNavi ul li a { display: block; height: 95px; text-decoration: none;}

#titles #rightNavi ul li#toHome { background: url("../../../common/images/Top.png") no-repeat top center;}

#titles #rightNavi ul li#toOven { 
    background: url("../../images/oven_logo.png") no-repeat top center;
    background-size: 60px 60px;
    text-align: center;
    white-space: nowrap;
}

#titles #rightNavi ul li#toOven a {
    display: flex;
    align-items: flex-end;
}

#breadcrumbs { padding: 10px 30px;}

#breadcrumbs a {
    color: black;
    text-decoration: none;
}

#breadcrumbs a:hover,
#breadcrumbs a:active {
    color:  darkblue;
    text-decoration: underline;
}

#article { padding: 50px; }

#article a:hover,
#article a:active { text-decoration: none; }

.section {
	margin-bottom: 3%;
}

.sectionEnd {
	padding-bottom: 3%;
}

#article h2 {
	font-family: "Shin Go Regular", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 0.9rem;
	color: white;
	background-color: #444;
	border-radius: 5px;
	padding: 5px 10px;
	margin-bottom: 1.5rem;
}

#article p {
	line-height: 1.5;
	margin-bottom: 0.5rem;
}

#article p.note {
	margin-bottom: 2rem;
}

.container {
    padding:  0 10px;
}

.container h3 {
	font-size: 1rem;
	margin-bottom: 1rem;
}

.container h3::before {
	content: "＜";
}

.container h3::after {
	content: "＞";
}

.container h4 {
	font-size: 0.8rem;
	margin-bottom: 0.5rem;
}

#en ul,
#jp ul {
	list-style: none;
	line-height: 1.5;
	padding: 0;
	margin-bottom: 0.5rem;
}

#en ul li::before {
	content: "- ";
}

#en ul li {
	padding-left: 0.7rem;
	text-indent: -0.7rem;
}

#jp ul li::before {
	content: "● ";
}

#jp ul li {
	padding-left: 1.1rem;
	text-indent: -1.1rem;
}


@media screen and (max-width: 1025px) {
    #titles {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
    }
    
    #titles h1 { flex-wrap: wrap; }
    
    #titles #rightNavi { margin-left: auto; }
}

@media only screen and  (max-width: 850px){
    
    #article { padding: 50px 30px; }
}

@media print {
	#wrapper {
		width: 183mm;
	}
	
	#wrapper header {
		display: none;
	}
	
	#contents {
		border: none;
	}
	
	#titles h1 {
		font-size: 1.0rem;
	}
	
	#titles h1 img {
		max-width: 250px;
	}
	
	#rightNavi {
		display: none;
	}
	
	#article {
		margin-top: 30px;
	}
	
	#article h2 {
		font-size: 1.0rem;
		border: 1px solid #444;
		padding: 10px;
		text-shadow: 0 1px 0 #222;
	}
	
	#article p.note {
		display: none;
	}
	
}