@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css?family=Yrsa');





/* ================================================================================
	PC・スマホ共通
================================================================================ */






/* ================================================================================
	PC表示
================================================================================ */

@media screen and (min-width: 768px) {

	.sub_navigation_base{
		margin:auto 0;
		text-align:center;
		/*font-family:Yrsa;*/
		color:#000000!important;
		font-size:32px;
		margin-top:25px;
		padding:0 64px;
	}
	li.sub_navigation{
		display: inline-block;
		width:calc(100% / 3.1);
	}
	.sub_navigation a{
		margin:0;
		text-align:center;
		/*font-family:"a-otf-ryumin-pr6n"!important;*/
		font-weight: bold;
		display:block;
	}
	.cate_eigo{
		/*font-family: 'Lato', sans-serif;*/
		font-weight:normal;
		font-size:23px;
		margin-top:-5px;
		border-bottom:solid 2px #000000;
	}



	.remodal-bg{
	}
	.remodal{
		width:calc(100% / 2) !important;
		max-width:1200px !important;
		height:calc(100% / 1.5) !important;
		background-color:#FFFFF!important;
		/* box-shadow */
		box-shadow:0px 0px 6px 3px #ececec;
		-moz-box-shadow:0px 0px 6px 3px #ececec;
		-webkit-box-shadow:0px 0px 6px 3px #ececec;
	}
}





/* ================================================================================
	スマホ表示
================================================================================ */
@media screen and (max-width: 767px) {

	.sub_navigation_base{
		margin:0 auto;
		text-align:center;
		/*font-family:Yrsa;*/
		color:#000000!important;
		font-size:16px;
		overflow:auto;
		margin-top:25px;
		margin-bottom:20px;
	}
	li.sub_navigation{
		float:left;
		width:calc(100%/3);
	}
	.sub_navigation a{
		text-align:center;
		/*font-family:"a-otf-ryumin-pr6n"!important;*/
		display:block;
	}
	.cate_eigo{
		/*font-family: 'Lato', sans-serif;*/
		font-weight:normal;
		font-size:12px;
		margin-top:-5px;
	}



	.remodal-bg{
	}
	.remodal{
	background-color:#FFFFF!important;
	/* box-shadow */
	box-shadow:0px 0px 6px 3px #ececec;
	-moz-box-shadow:0px 0px 6px 3px #ececec;
	-webkit-box-shadow:0px 0px 6px 3px #ececec;
	}

}









/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

	/* Hide scroll bar */

	html.remodal-is-locked {
	  overflow: hidden;

	  -ms-touch-action: none;
	  touch-action: none;
	}

	/* Anti FOUC */

	.remodal,
	[data-remodal-id] {
	  display: none;
	}

	/* Necessary styles of the overlay */

	.remodal-overlay {
	  position: fixed;
	  z-index: 9999;
	  top: -5000px;
	  right: -5000px;
	  bottom: -5000px;
	  left: -5000px;

	  display: none;
	}

	/* Necessary styles of the wrapper */

	.remodal-wrapper {
	  position: fixed;
	  z-index: 10000;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;

	  display: none;
	  overflow: auto;

	  text-align: center;

	  -webkit-overflow-scrolling: touch;
	}

	.remodal-wrapper:after {
	  display: inline-block;

	  height: 100%;
	  margin-left: -0.05em;

	  content: "";
	}

	/* Fix iPad, iPhone glitches */

	.remodal-overlay,
	.remodal-wrapper {
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	}

	/* Necessary styles of the modal dialog */

	.remodal {
	  position: relative;

	  outline: none;

	  -webkit-text-size-adjust: 100%;
	  -ms-text-size-adjust: 100%;
	  text-size-adjust: 100%;
	}

	.remodal-is-initialized {
	  /* Disable Anti-FOUC */
	  display: inline-block;
	}


    .remodal-bg.with-red-theme.remodal-is-opening,
    .remodal-bg.with-red-theme.remodal-is-opened {
      filter: none;
    }

    .remodal-overlay.with-red-theme {

    }

    .remodal.with-red-theme {

    }