@charset "utf-8";
@media screen and (max-width: 768px) {
#wapper{background:#fff;font-size:1.2rem;line-height:1.8;}
#wapper .inner{margin:0 14px;}
#globalnav,
#sidebar,
#footer .inner.linklist{display:none !important;}
.pcs{display:none !important;}

#contents{
	padding:5px;
}
iframe{
	margin-bottom: 2em!important;
}
#container #contents p{
	font-size: 16px;
}
/* ---------------------------------------- start 変更箇所 */
svg#map{
	display:none;
}
ul.tsumari-ul,
ul.tsumari-ul-2{
  list-style: none;
  margin-left: 2em;
}
li.check{
  background-image: url(../images/common/check_mark.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 2.5em;
  margin-bottom: 10px;
}
#mobile-bar {
	width:100%;
	background:#e2e2e2;
	border-bottom: 1px #333 solid;
	overflow:hidden;

	z-index: 999;
}
#mobile-bar ul {
	display:table;
	table-layout: fixed;
	width:100%;
}
#mobile-bar ul li {
	display:table-cell;
}
#mobile-bar ul li:not(:first-child) {
	border-left: 1px #333 dotted;
}
#mobile-bar ul li a {
	display:block;
	text-align: center;
	cursor:pointer;
	padding: 2px 0;
}
#mobile-bar ul li a img{
	width: 100%;
	max-width: 50px;
	height: auto;
}
#mobile-bar ul li.toggle-right{
position: fixed;
top: 0;
right: 0;
border: none;
}
#header{
	display: none;
	text-align:center;margin:0 0 20px;
}

/* background:urlは作成用。WP設置時は ../images/common/mainback.jpg に */
#header .headerText,
#header h1{
	margin-top:56px;
	font-size:inherit;
	margin-bottom:5px;
}

#header .beforeh1{
	margin-top:56px;
	font-size:inherit;
	margin-bottom:5px;
}

/* ---------------end 変更箇所 */
.headline{
	text-align:center;
}
.headline .inner{
	width:100%;
	max-width:300px;
	margin:0 auto;
}
.headline .inner > div:not(.logo){margin:0 0 12px;}
.headline a{display:block;}
.headline .logo{margin:0 0 10px;}
.headline .logo img{width:224px;height:auto;}
.headline .infobox img{width:100%;max-width:300px;height:auto;}
.headline .infobox > img{margin:0 0 2px;}
.headline .infobox > div > span > a{display:block;color:#fff;background:#fd9b1c;font-size:16px;padding:10px;margin:10px 0 0;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.headline.headers .optional{display:none !important;}
.headline.footers{padding:20px 0;}
.headline.footers .inner > div.optional{margin:0 auto;}
.headline.footers .optional img{width:auto;height:auto;}
.headline .infobox .multis{margin:0 0 4px;}
.headline .infobox .multis > div{}
.headline .infobox .multis a{color:#fff;}
.headline .infobox .multis div:last-child{color:#f00;background:url(../images/common/mainback.jpg);font-family:'montserratbold', sans-serif;font-size:28px !important;font-weight:700;text-align:center;padding:4px 0 2px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.headline .infobox .multis div:last-child span.tel:before{content:" ";display:inline-block;width:24px;height:24px;background:url(../images/common/icon-tel.png) no-repeat center center;background-size:contain;margin:0 4px 0 0;position:relative;top:2px;}
.headline .infobox .multis div:last-child span.tel-free:before{content:" ";display:inline-block;width:40px;height:24px;background:url(../images/common/icon-tel-free.png) no-repeat center center;background-size:contain;position:relative;top:1px;}
#container{background:#fff;}
#container .inner{text-align:center;}
#visual{
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
	margin:0 0 20px;
}
#footer{text-align:center;}
#footer.official{background:#f6f6f6;}
#footer > p{background:#000;color:#fff;font-size:1.1rem;line-height:1.6;text-align:left;padding:8px 12px;}
#footaside{background:url(../images/common/mainback.jpg);color:#fff;font-size:1.1rem;line-height:1.6;text-align:left;padding:20px 14px 40px;}
#footer-news,
#footer-official{border-top:1px #ccc solid;padding:20px 12px;}
#footer-multi{border-top:1px #ccc solid;padding:20px 0 0;}
#footer-news{background:#fff;}
#footer-multi,
#footer-official{background:#f3f6f5;}
#footer-news h2{color:#000062;font-size:1.6rem;margin:0 0 10px;}
#footer-news .inner > div:not(:last-child){margin:0 0 12px;}
#footer-news .inner > div h3{}
#footer-news ul{display:none;border-top:1px #ccc solid;margin:8px 0 0;}
#footer-news ul li{border-right:1px #ccc solid;border-bottom:1px #ccc solid;border-left:1px #ccc solid;}
#footer-news ul li a{display:block;font-size:1.3rem;text-align:left;line-height:1.4;padding:14px;}
#footer-multi h3,
#footer-official h3{font-size:1.6rem;margin:0 10px 14px;}
#footer-multi a{background:#fff;}
#footer-official h3 img{width:224px;height:auto;}
#footaside dt, #footaside dd{display:inline-block;}
#footaside dt{font-size:1.2rem;margin:0 1em 0 0;}
#footaside.multi aside{margin:12px 0 0;}
#slidemenu{background:#111;padding:32px 0 50px;}
#slidemenu ul li{border-bottom:1px #222 solid;}
#slidemenu ul li.tt,
#slidemenu li a{display:block;color:#fff;font-size:1.3rem;line-height:1.4;padding:14px 16px;}
#slidemenu ul li.listchid a{padding:14px 16px 14px 36px;}
#slidemenu ul li a:before{font-family:"FontAwesome";content:"\f138";margin:0 4px 0 0;}
#obi{width:100%;position:fixed;left:0;bottom:0;padding:10px 14px;background:#fff;border-top:2px #0b4292 solid;text-align:center;-webkit-box-shadow:0 -2px 6px -2px rgba(0,0,0,1);-moz-box-shadow:0 -2px 6px -2px rgba(0,0,0,1);box-shadow:0 -2px 6px -2px rgba(0,0,0,1);z-index:10;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#obi .inner > div, #obi .inner > p{display:inline-block;vertical-align:middle;margin:4px 0;}
#obi .inner > p{font-family:'oswaldbold';font-size:2.4rem;}
.grad-bt, .grad-bt-img{display:block;width:100%;color:#03265e;border:2px #fff solid;font-size:1.5rem;cursor:pointer;padding:12px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-moz-box-shadow:1px 1px 3px rgba(0,0,0,.6);-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.6);box-shadow:1px 1px 3px rgba(0,0,0,.6);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.grad-bt{background:rgb(254,254,254);background:-moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(247,247,247,1) 51%, rgba(227,227,227,1) 100%);background:-webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(247,247,247,1) 51%,rgba(227,227,227,1) 100%);background:linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(247,247,247,1) 51%,rgba(227,227,227,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#e3e3e3',GradientType=0);}
.grad-bt-img{background:url(../images/common/mainback.jpg);color:#fff;}
ul.list-link-ladder > li{border-top:1px #ccc solid;}
ul.list-link-ladder > li > a{display:block;font-size:1.3rem;line-height:1.4;padding:12px;}
ul.list-link-ladder > li > a:before{font-family:"FontAwesome";content:"\f138";margin:0 4px 0 0;}
.cfs-small{font-size:1.0rem;}
.cfs-normal{font-size:1.2rem;}
.cfs-middle{font-size:1.3rem;}
.cfs-large{font-size:1.4rem;}
.cpb-small{padding-bottom:4px;}
.cpb-normal{padding-bottom:10px;}
.cpb-middle{padding-bottom:16px;}
.cpb-large{padding-bottom:20px;}
#bread_crumb{
	display:block;
	margin:0.25em 1em;
}
#bread_crumb li {
	display: inline-block;
	margin: 0 0.5em 0 0;
	font-size:12px;
}
#bread_crumb li.current {
    margin: 0;
}
#bread_crumb li:after {
    content: "＞";
    color: #ccc;
    margin: 0 0 0 0.5em;
}
#bread_crumb li.current:after {
    content: "";
    margin: 0;
}
.data02 dt img {
	text-align:center;
}

.data02 dt {
	text-align:center;
}

.data02 dd {
	text-align:center;
}
div.campaign{
	width:95%;
	overflow:hidden;
	margin:0 auto 15px;
	border:#F30 2px solid;
}

div.campaign img{
	max-width:100%;
	height:auto;
	margin:0!important;
}
div.campaign .banner{
	box-sizing: border-box;
	display:block;
	width:100%;
	min-height:172px;
}
div.usually .banner{
	background:url(../images/campaign/top-campaign.png) no-repeat left bottom;
}
div.xmas .banner{
	background:url(../images/campaign/top-campaign-xmas.png) no-repeat left bottom;
}
div.newyear .banner{
	background:url(../images/campaign/top-campaign-newyear.png) no-repeat left bottom;
}
div.campaign .campaign-count{
	box-sizing: border-box;
	width:100%;
	background-size:100%;
	padding:16px 0 25px;
	padding-right:20%;
}
div.usually .campaign-count{
	background:url(../images/common/campaign-bg2.png) no-repeat right bottom;

}
div.xmas .campaign-count{
	background:url(../images/common/campaign-bg2-xmas.png) no-repeat right bottom;
}
div.newyear .campaign-count{
	background:url(../images/common/campaign-bg2-newyear.png) no-repeat right bottom;
}
div.campaign .campaign-count p{
	font-weight:bold;
	margin: 0;
	font-size:18px;
	text-align:center;
	line-height:1.3em;

}
div.xmas .campaign-count p{
	color:#FFF;
}
div.campaign .campaign-count p.nokori{
	font-size:3em;
	font-weight:bold;

}
ul li,
ol li{
	margin-bottom: 10px;
		font-size:16px;
		line-height:1.8;
}
ul.movies{
	margin:0;
	list-style:none;
}
ul.movies > li{
	border:1px solid #CCC;
	margin:5px;
	padding:5px 10px 10px;
}
ul.movies > li p{
	margin:5px 0;
	line-height:1.8em;
	font-size:14px;
}
ul.movies > li h3{
	font-weight:bold;
	background:#2f8fb7;
	color:#FFF;
	font-size:16px;
	line-height:1.5;
	padding:5px;
}
body.popuped .mfp-bg{
	background:rgba(0, 0, 0, 0.8)!important;
}
ul.movies .youtube-adds .youtube.adtype3 .yap a img, .yap-fr .youtube.adtype3 .yap a img{
	height:auto;
}
ul.movies .youtube-adds .youtube.adtype6 .yap, .yap-fr .youtube.adtype6 .yap{
	width:100%;
	bottom:0;
	right:0;
	position:absolute;
	padding-bottom:45px;
}
ul.movies .youtube-adds .youtube.adtype6 .yap a, .yap-fr .youtube.adtype6 .yap a{
	position:inherit;

}
ul.movies .youtube-adds .youtube.adtype6 .yap a .yap-text, .yap-fr .youtube.adtype6 .yap a .yap-text{
	padding:10px;
background:rgb(255, 0, 0)!important;
}
ul.movies > li br{
	display:none;
}
.youtube iframe{
	width:100%!important;
	height:auto!important;
}
.common-box01-inner table th{
	width:40%;
}
.common-box01-inner table th img{
	max-width:inherit!important;
}
#container #contents h5{
	margin-left: 10px!important;
	margin-right: 10px!important;
}
img.alignleft,
img.alignright,
.img-left,
.img-right{
  max-width: 50%;
	height:auto;
}

ol > li > ul,
ul > li > ol{
  margin-top: 1em!important;
  margin-left:0!important;
}
ul.ninki-box > li,
ul.ninki-box-2 > li{
    width: 48%;
}
ul.ninki-box-2 > li a{
    line-height: 1.5;
    font-size: 1.6rem;
}
ul.check,
ul.tsumari-ul,
ul.tsumari-ul-2{
	margin: 0 1em 1em 0;
}

ul.check > li{
			background-size: 25px;

}

ul.need_item > li{
		padding: 10px;
}
ul.need_item > li img{
	max-width: 150px;
}


ol.num > li:before{
  line-height: 22px;
  margin-left: -30px;
  height: 22px;
  width: 22px;
}
ul.need_item > li{
	font-size: 1.6rem!important;
	  padding: 9px;
}

ul.need_item > li img{
	max-width: 100px!important;
}
#container #contents dl.block dt{
	border-left:15px solid #437991;
	font-weight:bold;
	margin-bottom:1em;
	line-height:1.8;
	font-size: 16px;
	padding-left:10px!important;
}
#container #contents dl.block dd{
	line-height:1.8;
	margin-bottom:2em;
	font-size: 16px;
}
#container #contents dl dd .amazon_t{
	clear:both;
	margin-top:15px;
	padding:0 15px;
	color:#666;
	background:#E3E3E3;
}
#container #contents dl dd .amazon{
	overflow:hidden;
	border:1px dotted #ccc;
	padding:10px;
}
#container #contents dl dd .amazon p{
	background:url(../images/common/human.png) no-repeat left top;
	padding-left:25px;
}
#container #contents dl dd .amazon a{
	float:right;
}
#container #contents .example dl{
	padding:15px 0;
	overflow:hidden;
	border:1px solid #ccc;
	margin-bottom:5px;
}
#container #contents .example dl dt{
	float:left;
	margin:0 15px;
}
#container #contents .example dl dd{
	padding:0 15px 0 0;
	margin:0;
	text-align:left;
}
#container #contents .example dl dt img{
    width: 108px;
    height: 90px;
}
.imgbox img{
	padding:5px;
	border:1px solid #ccc;
	margin:5px 0 5px 5px;
}
#container #contents #siteikouji02 ul{
	margin:0 0 10px;
}

#contents ul.trouble-archive ul.children{
	display:none;
}
	#contents ul.trouble-archive li{
		border: 4px #ccc solid;
		padding: 10px;
		margin:0 10px 10px;

	}
		#contents ul.trouble-archive li,
		#contents div.trouble-archive > p{
		text-align: center;
		}
	#contents ul.trouble-archive li a,
	#contents div.trouble-archive > p a{
		display: inline-block;
		width: 100%;
		color: #fff;
		background: #03265e;
		font-size: 1.4rem;
		padding: 10px;
		-moz-border-radius: 6px;
    	-webkit-border-radius: 6px;
    	border-radius: 6px;

	}
	#contents ul.trouble-archive li a:before {
		font-family: "FontAwesome";
		content: "\f138";
		margin: 0 4px 0 0;
	}

	#contents div.trouble-archive{
		border: 4px #ccc solid;
		padding: 16px;
		margin:0 20px 15px;

	}

	#contents div.trouble-archive > dl {
		width: 100%;
		margin: 0 0 16px;
	}
	#contents div.trouble-archive > dl > dd h5 {
		color: #fff;
		font-size:1.6rem;
		margin: 0 0 5px!important;
		padding:5px!important;
		border:0!important;
	}
	#contents div.trouble-archive > dl > dd h5 a{
		color: #fff;
	}
	#contents div.trouble-archive > dl > dd p {
    line-height: 1.5;
    font-size: 1em;

}


	#trouble-link ul li {
		width: 356px;
		border: 4px #ccc solid;
		font-size: 1.3rem;
		line-height: 1.6;
		padding: 12px;
		-webkit-box-sizing : border-box;
		-moz-box-sizing : border-box;
		box-sizing : border-box;
	}
	#trouble-link ul:not(:last-child) li{
		margin: 0 0 10px;
	}
	#trouble-link dl > * {
		display: table-cell;
	}
	#trouble-link dl > dt {
		width: 116px;
	}
	#trouble-link dl > dt img {
		width: 100%;
		height: auto;
		vertical-align: top;
	}
	#trouble-link dl > dd {
		color: #03265e;
		font-size:1.6rem;
		padding: 0 0 0 16px;
	}
	#trouble-link p { text-align: center; }
	#trouble-link p a {
		display: block;
		color: #fff;
		background: #03265e;
		font-size: 1.4rem;
		padding: 6px;
		margin: 14px 0 0;
		-moz-border-radius: 6px;
    	-webkit-border-radius: 6px;
    	border-radius: 6px;
	}
	#trouble-link p a:before {
		font-family: "FontAwesome";
		content: "\f138";
		margin: 0 4px 0 0;
	}

		#result-list2{
		padding:0!important;
	}
	#result-list2 dl{
		margin:0!important;
	}
	#result-list2 dl dt{
		background: #ccc;
        padding: 0 20px;
        color: #fff;
        line-height: 2.5em;
		font-weight:inherit!important;
	}
	#result-list2 dl dd{
		padding: 15px;
	}
	#result-list2 dl dd ul li{
		 display: inline-block;
         padding: 0px 10px;
         border-right: 1px #ccc solid;
		 margin-bottom: 5px;
	}
		#result-list2 dl dd ul li:last-child{
		border-right:none;
	}
	.flex_dl > dl{
	 width:45%;
 }
	.flex_dl > dl > dd{font-size: 1.5rem;}


}