@charset "utf-8";


@media only screen and (max-width: 767px) {

/* ****************************************************

layout.css

1: layout common setting
2: header
3: footer
4: main
5: sideNav
99: extra

***************************************************** */

/*1: layout common setting
=========================================*/
/* container */
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS PGothic", sans-serif;
	color:#333333;
	font-size:12px;
	font-size:1.2rem;
	line-height:1.6;
}

.pcOnly{
	display: none !important;
}

#pageContainer {
	/*overflow: hidden;*/
}


/*2: header
=========================================*/
/* globalHeader */
#globalHeader{
	position: fixed;
	width: 100%;
	height: 50px;
	top: 0;
	padding: 20px 10px 15px;
	background: #ffffff;
	z-index: 100;
}
/* container */
#globalHeader .container{
	position: relative;
	width: 100%;
	margin: 0 auto;
}
/* logo */
#globalHeader #logoSP{
	position: absolute;
	top: 5px;
	left: 10px;
}
#globalHeader #logoSP img{
	width: 69px;
}
/* headBtn */
#globalHeader .headBtn{
	position: absolute;
	display: inline-block;
	width: 100px;
	top: -20px;
	right: -10px;
	vertical-align: middle;
}
#globalHeader .headBtn li{
	float: left;
	width: 50px;
	height: 50px;
}
#globalHeader .headBtn .menuBtn{
	background: url(/gaichu/common/img/header_btn001.png) no-repeat 0 0 / 50px auto;
}
#globalHeader .headBtn .searchBtn{
	background: url(/gaichu/common/img/header_btn002.png) no-repeat 0 0 / 50px auto;
}
/* headerWrap */
#globalHeader .container .headerWrap{
	position: fixed;
	top: 0;
	right: -250px;
	background: #ffffff;
	z-index: 110;
	opacity: 0;
	visibility: hidden;
}
.fixAct #globalHeader .container .headerWrap{
	width: 250px;
	height: 100%;
	overflow: scroll;
	z-index: 110;
	visibility: visible;
}
/* search */
#globalHeader .container .headerWrap .search{
	padding: 10px;
	background: #fff3b0;
}
#globalHeader .container .headerWrap .search #headerSearchBlock{
	background: #fffbe6;
}
#globalHeader .container .headerWrap .search input[type="text"]{
	padding: 8px 10px 8px 35px;
	width: 80%;
	border: none;
	background: #fffbe6 url(/gaichu/common/img/sp_header_btn002.png) no-repeat 10px 50% / 17px auto;
}
#globalHeader .container .headerWrap .search input[type="image"]{
	width: 14%;
	margin: 0 0 0 4px;
}
/* closeBtn */
#headInnrtBtn{
	display: none;
	position: fixed;
	top: 15px;
	left: 15px;
	width: 42px;
	height: 42px;
	background: url(/gaichu/common/img/header_btn004.png) no-repeat 0 0 / 42px auto;
	z-index: 120;
}
#headInnrtBtn.on{
	display: block;
}
/* headerTop */
#globalHeader .container .headerWrap .headerWrapInner .headerTop{
	padding: 10px 10px;
	background: #fb6501;
}
/* search */
#globalHeader .container .headerWrap .headerWrapInner .headerTop > .search{
	padding: 10px 10px;
	background: #a20303;
}
#globalHeader .container .headerWrap .headerWrapInner .headerTop > .search #headerSearchBlock{
	display: table;
	width: 100%;
}
#globalHeader .container .headerWrap .headerWrapInner .headerTop > .search .headerSearchText{
	display: table-cell;
	padding: 0;
	border: none;
	background: #a20303;
	color: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
	width: 180px;
}
#globalHeader .container .headerWrap .headerWrapInner .headerTop > .search .headerSearchButton{
	float: right;
	width: 20px;
}
/* headingBottom */
#globalHeader .container .headerWrap .headerWrapInner .headingBottom{
	position: relative;
}
/* commonMenu01 */
#globalHeader .headingBottom .commonMenu01 > li:nth-child(1){ background: url(/gaichu/common/img/com_ic012.png) no-repeat 10px 12px / 29px auto;}
#globalHeader .headingBottom .commonMenu01 > li:nth-child(2){ background: url(/gaichu/common/img/com_ic014.png) no-repeat 10px 11px / 30px auto;}
#globalHeader .headingBottom .commonMenu01 > li:nth-child(3){ background: url(/gaichu/common/img/com_ic016.png) no-repeat 8px 17px / 31px auto;}
#globalHeader .headingBottom .commonMenu01 > li:nth-child(5){ background: url(/gaichu/common/img/com_ic015.png) no-repeat 8px 14px / 31px auto;}
#globalHeader .headingBottom .commonMenu01 > li:nth-child(6){ background: url(/gaichu/common/img/com_ic017.png) no-repeat 12px 13px / 26px auto;}
#globalHeader .headingBottom .commonMenu01 > li.active:nth-child(1){ background: url(/gaichu/common/img/header_ic014.png) no-repeat 10px 12px / 29px auto;}
#globalHeader .headingBottom .commonMenu01 > li.active:nth-child(2){ background: url(/gaichu/common/img/header_ic015.png) no-repeat 10px 11px / 30px auto;}
#globalHeader .headingBottom .commonMenu01 > li.active:nth-child(3){ background: url(/gaichu/common/img/com_ic016on.png) no-repeat 8px 17px / 31px auto;}
#globalHeader .headingBottom .commonMenu01 > li.active:nth-child(5){ background: url(/gaichu/common/img/header_ic015.png) no-repeat 12px 13px / 26px auto;}
#globalHeader .headingBottom .commonMenu01 > li.active:nth-child(6){ background: url(/gaichu/common/img/header_ic018.png) no-repeat 12px 13px / 26px auto;}
#globalHeader .headingBottom .commonMenu01 > li > a{
  position: relative;
	display: block;
	padding: 10px 30px 10px 50px;
	border-bottom: solid 1px #dddddd;
	background: url(/gaichu/common/img/com_ic011.png) no-repeat 97% 50% / 19px auto;
	color: #333333;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	text-decoration: none;
}
#globalHeader .headingBottom .commonMenu01 > li.active a{
	color: #ffa800;
	background: url(/gaichu/common/img/com_ic010.png) no-repeat 97% 50% / 19px auto;
}
#globalHeader .headingBottom .commonMenu01 > li + li > a{
}
#globalHeader .headingBottom .commonMenu01 > li > a .large{
	font-size: 19px;
	font-size: 1.9rem;
}
#globalHeader .headingBottom .commonMenu01 > li:nth-child(5) > a{
	background: url(/gaichu/common/img/com_ic005.png) no-repeat 96% 50% / 11px auto;
}
/* commonMenu02 */
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02{
	/*display: none;*/
	border-bottom: solid 1px #dddddd;
	background: #fdf9de;
}
#globalHeader .headingBottom .commonMenu01 > li.active .commonMenu02{
}
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .menu02Head > *{
	color: #333333;
	text-decoration: none;
}
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .menu02Head > * .large{
	font-size: 14px;
	font-size: 1.4rem;
}
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .menu02Head a{
	display: block;
	padding: 11px 10px 9px 24px;
	border-bottom: solid 1px #dddddd;
	background: url(/gaichu/common/img/com_ic005.png) no-repeat 10px 48%;
	background-size: 7px;
}
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .headLayout .col > li a {
	display: block;
	padding: 11px 10px 10px 22px;
	border-right: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	background: url(/gaichu/common/img/com_ic005.png) no-repeat 10px 50%;
	background-size: 7px;
	color: #333333;
}
/* commonMenu02 type01 */
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type01 .headLayout .col > li{
	float: left;
	width: 50%;
}
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type01 .headLayout .col > li:nth-child(even) a {
	border-right: none;
}
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type01 .headLayout .col > li:last-child a {
	border-bottom: none;
}
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type01 .headLayout .col > li:nth-child(1){ background: url(/gaichu/common/img/header_ic001.png) no-repeat 91% 50% / auto 29px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type01 .headLayout .col > li:nth-child(2){ background: url(/gaichu/common/img/header_ic002.png) no-repeat 88% 50% / auto 26px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type01 .headLayout .col > li:nth-child(3){ background: url(/gaichu/common/img/header_ic003.png) no-repeat 88% 50% / auto 19px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type01 .headLayout .col > li:nth-child(4){ background: url(/gaichu/common/img/header_ic004.png) no-repeat 87% 50% / auto 20px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type01 .headLayout .col > li:nth-child(5){ background: url(/gaichu/common/img/header_ic005.png) no-repeat 85% 50% / auto 15px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type01 .headLayout .col > li:nth-child(6){ background: url(/gaichu/common/img/header_ic006.png) no-repeat 91% 50% / auto 25px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type01 .headLayout .col > li:nth-child(7){ background: url(/gaichu/common/img/header_ic007.png) no-repeat 90% 50% / auto 18px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type01 .headLayout .col > li:nth-child(8){ background: url(/gaichu/common/img/header_ic008.png) no-repeat 91% 50% / auto 18px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type01 .headLayout .col > li:nth-child(9){ background: url(/gaichu/common/img/header_ic009.png) no-repeat 88% 50% / auto 25px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type01 .headLayout .col > li:nth-child(10){ background: url(/gaichu/common/img/header_ic010.png) no-repeat 92% 50% / auto 24px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type01 .headLayout .col > li:nth-child(11){ background: url(/gaichu/common/img/header_ic011.png) no-repeat 88% 50% / auto 18px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type01 .headLayout .col > li:nth-child(12){ background: url(/gaichu/common/img/header_ic012.png) no-repeat 89% 50% / auto 22px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type01 .headLayout .col > li:nth-child(13){ background: url(/gaichu/common/img/header_ic013.png) no-repeat 88% 50% / auto 24px; }
/* commonMenu02 type02 */
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type02 .headLayout .col > li a {
	border-right: none;
}
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type02 .headLayout .col > li:last-child a {
	border-bottom: none;
}
/* commonMenu02 type03 */

/* commonMenu02 type04 */
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type04 .headLayout .col > li{
	float: left;
	width: 50%;
}
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type04 .headLayout .col > li:nth-child(even) a {
	border-right: none;
}
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type04 .headLayout .col > li:last-child a {
	border-bottom: none;
}
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type04 .headLayout .col > li:nth-child(1){ background: url(/gaichu/common/img/header_ic001on.png) no-repeat 95% 50% / auto 24px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type04 .headLayout .col > li:nth-child(2){ background: url(/gaichu/common/img/header_ic002on.png) no-repeat 95% 50% / auto 24px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type04 .headLayout .col > li:nth-child(3){ background: url(/gaichu/common/img/header_ic003on.png) no-repeat 93% 50% / auto 17px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type04 .headLayout .col > li:nth-child(4){ background: url(/gaichu/common/img/header_ic004on.png) no-repeat 93% 50% / auto 20px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type04 .headLayout .col > li:nth-child(5){ background: url(/gaichu/common/img/header_ic005on.png) no-repeat 90% 50% / auto 15px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type04 .headLayout .col > li:nth-child(6){ background: url(/gaichu/common/img/header_ic006on.png) no-repeat 95% 50% / auto 22px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type04 .headLayout .col > li:nth-child(7){ background: url(/gaichu/common/img/header_ic007on.png) no-repeat 92% 50% / auto 18px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type04 .headLayout .col > li:nth-child(8){ background: url(/gaichu/common/img/header_ic008on.png) no-repeat 95% 50% / auto 18px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type04 .headLayout .col > li:nth-child(9){ background: url(/gaichu/common/img/header_ic009on.png) no-repeat 93% 50% / auto 23px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type04 .headLayout .col > li:nth-child(10){ background: url(/gaichu/common/img/header_ic010on.png) no-repeat 95% 50% / auto 20px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type04 .headLayout .col > li:nth-child(11){ background: url(/gaichu/common/img/header_ic011on.png) no-repeat 93% 50% / auto 16px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type04 .headLayout .col > li:nth-child(12){ background: url(/gaichu/common/img/header_ic012on.png) no-repeat 95% 50% / auto 19px; }
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type04 .headLayout .col > li:nth-child(13){ background: url(/gaichu/common/img/header_ic013on.png) no-repeat 93% 50% / auto 20px; }
/* commonMenu02 type05 */
#globalHeader .headingBottom .commonMenu01 > li:last-child .commonMenu02{
	padding: 10px;
	background: #ffffff;
}
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type05 .menu02Head{
	display: none;
}
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type05 .headLayout{
}
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type05 .headLayout .col > li a{
	display: block;
	padding: 11px 15px 8px 30px;
	border-right: none;
	border-bottom: none;
	background: url(/gaichu/common/img/com_ic005.png) no-repeat 10px 48%;
	background-size: 7px;
}
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .type05 .headLayout .col > li + li a{
	border-top: solid 1px #dddddd;
}
/* headerList */
#globalHeader .headingBottom .headerList{
	margin: 15px 10px 40px;
	border-radius: 6px;
	border: solid 1px #dddddd;
}
#globalHeader .headingBottom .headerList li a{
	display: block;
	padding: 11px 15px 8px 30px;
	border-right: none;
	border-bottom: none;
	background: url(/gaichu/common/img/com_ic005.png) no-repeat 10px 48%;
	background-size: 7px;
	color: #333333;
}
#globalHeader .headingBottom .headerList li + li a{
	border-top: solid 1px #dddddd;
}

/*3: footer
=========================================*/
#globalFooter{
	padding: 0 0 65px;
	background: #fdf9de url(/gaichu/common/img/com_bg004.png) no-repeat 50% 100% / 170% auto;
}
#globalFooter .wrap{
	margin: 20px auto 0;
	text-align: center;
}
#globalFooter .toTopBtn{
	margin: 20px 0 0;
}
#globalFooter .toTopBtn a{
	display: block;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 45px;
	height: 45px;
	border-radius: 10em;
	background: #fb6501 url(/gaichu/common/img/footer_btn002.png) no-repeat 50% 50%;
	background-size: 20px;
}

/* footerOtherItem */
#globalFooter .footerOtherItem{
	margin: 20px 0 0;
}
#globalFooter .footerOtherItem .linkContHead{
	height: 42px;
	padding: 0 0 15px;
	text-align: center;
}
#globalFooter .footerOtherItem .linkContHead img{
	height: 100%;
}
#globalFooter .footerOtherItem  >.colLayout01{
	margin: 10px 15px 0;
}
#globalFooter .footerOtherItem  >.colLayout01 .col{
	margin: 0 !important;
}
#globalFooter .footerOtherItem  >.colLayout01 .col + .col{
	margin: 20px 0 0 !important;
}
#globalFooter .footerOtherItem  >.colLayout01 .col a{
	color: #333333;
	text-decoration: none;
}
#globalFooter .footerOtherItem  >.colLayout01 .col a >.colLayout01{
	margin: 0 !important;
}
#globalFooter .footerOtherItem .colLayout01 > .colLeft{
	float: left;
	width: 27.5%;
	max-width: 120px;
	margin: 0 5% 0 0;
}
#globalFooter .footerOtherItem .colLayout01 > .colLeft img{
	width: 100%;
}
#globalFooter .footerOtherItem .colLayout01 > .colDetail{
	float: left;
	width: 67%;
}
#globalFooter .footerOtherItem .colLayout01 .linkContLinks{
	display: inline-block;
	margin: 0 0 10px;
	padding: 0 0 0 20px;
	background: url(/gaichu/common/img/com_ic009.png) no-repeat 0 0.1em;
	background-size: 15px;
	color: #663300;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	text-decoration: none;
}
#globalFooter .footerOtherItem .colLayout01 .col.on .linkContLinks{
	color: #fb6501;
}

/* footerLinkBottom */
.footerLinkBottom{
	padding: 25px 0 0;
	text-align: center;
}
.footerLinkBottom ul + ul{
	margin: 12px 0 0;
}
.footerLinkBottom ul li{
	display: inline-block;
}
.footerLinkBottom ul li + li{
	padding: 0 0 5px 5px;
}
.footerLinkBottom ul li:nth-child(3){
	padding: 0 0 5px;
}
.footerLinkBottom ul li:nth-child(even):before{
	content: "|";
	color: #c8c19e;
	margin: 0 10px 0 0;
}
.footerLinkBottom ul li a{
	font-size: 12px;
	font-size: 1.2rem;
	color: #663300;
	text-decoration: none;
}
.footerLinkBottom ul li a[target="_blank"]:after{
	content: "";
	display: inline-block;
	width: 14px;
	height: 12px;
	margin: 0 0 0 5px;
	background: url(/gaichu/common/img/com_ic002.png) no-repeat 0 0 / 13px auto;
	vertical-align: middle;
}

/* copyRight */
#globalFooter #copyRight{
	color: #b2aa83;
	font-size: 9px;
	font-size: 0.9rem;
}
/* footerLogo */
#globalFooter #footerLogo{
	width: 128px;
	margin: 10px auto 20px;
}
#globalFooter #footerLogo img{
	width: 100%;
}


/*4: main
=========================================*/
/* globalContents */
#globalContents{
	margin: 50px 0 20px;
}
/* pageContainer */
#pageContainer{
	background: #fdf9de;
}

/* contentsWrap */
#globalContents #contents .contentsWrap{
	width: 100%;
	margin: 0 auto;
	padding: 15px 10px;
	background: #ffffff;
}

.grayBg{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 10;
}
.grayBg.on{
	display: block;
}

/*5: aside
=========================================*/



/*99: extra
=========================================*/

/*=================================

	clearfix

=================================*/
#globalHeader .headBtn:after,
#globalHeader .container .headerWrap .headerWrapInner .headingBottom .commonMenu01:after,
#globalHeader .headingBottom .commonMenu01 > li .commonMenu02 .headLayout .col:after,
#globalFooter .footerLinkBox .footerLink:after{
	content: "";
	display: block;
	clear: both;
}

}