@import url("main.css");

*{
	font-family: "meiryo", "Lato", Arial, Helvetica, sans-serif;
	letter-spacing: 0 !important;
}

.fa {
    font-family: FontAwesome !important;
    font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
    letter-spacing: 0em;
    line-height: 1.3em;
    margin: 0 0 1em 0;
    text-transform: uppercase;
    font-weight: bold;
}

img {
    vertical-align: bottom;
}

table th{
    font-size: 1em;
}

.mobile_boxttl1, .mobile_boxttl1 a{
	color: #86a52e;
    font-size: 22px;
}

label {
    font-size: 0.85em;
}

h3 span{
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif !important;
}

.mgn_b0{
	margin-bottom: 0;
}

a {
    color: #444444;
}

a.image.featured img {
    width: 100%;
	margin-bottom: 0.5em;
}

h2 {
    font-size: 2em;
    margin: 0 0 0.5em 0;
    padding-top: 3em;
    margin-top: -3em;
}

.pdg_t0{
    padding-top: 0;
}

h2 span{
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif !important;
}

h2#top_price_info, #top_6characters h2{
    margin: 0 0 1em 0;
}

#banner2 h2 a{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif !important;
//text-shadow: 0 0 50px #000000;
text-shadow: #333333 1px 1px 10px, #333333 -1px 1px 10px, #333333 1px -1px 10px, #333333 -1px -1px 10px;
}

label{
	margin-bottom: 0;
}

#header {
    background-color: #2e2b2e;
    background-color: rgba(46, 43, 46, 0.95);
}

#highlight h2{
    border-left: 0.5em solid white;
}

.part_title{
	color: #86a52e;
}

p{
	font-size: 1.1em;
	margin: 0 0 1em 0;
}

.mobile_nobr{
	display: block;
}

.mobile_br{
	display: none;
}

.mobile_tablet_nobr{
	display: block;
}

ul.actions {
    margin-top: 1.5em;
}

#header.alt > h1, #header a {
    color: white;
	text-shadow: #333333 1px 1px 5px, #333333 -1px 1px 5px, #333333 1px -1px 5px, #333333 -1px -1px 5px;
}

#header.alt {
    position: fixed;
    background-color: transparent;
    //background-color: black;
    color: #ba9fc7;
}

#main > header {
    padding: 3em 0 2em 0;
}

.wrapper.style1 {
    background: url(../../images/bg_pic1.jpg) bottom #572961;
    -moz-background-size: cover;
    background-size: cover;
    color: #ffffff;
}

 .wrapper.style1 .button {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 10px;
	color: #333333 !important;
}

.wrapper{
	padding-top: 3em;
	padding-bottom: 3em;
}

#top_price.wrapper{
	padding-top: 2em;
	padding-bottom: 2em;
    background: url(../../images/bg_chara.png) center;
    background-size: cover;
}

#top_price.wrapper p{
    text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
}

.wrapper.style3 {
    background: url(../../images/bg_sand.png) #e4e3de;
    //border-top: #dddddd 1px solid;
    //border-bottom: #dddddd 1px solid;
}

.box{
    padding: 0.3em;
}

.lastchild_parag_pdg0{
	margin-bottom: 0;
}

.pk_character h3{
	margin-bottom: 0;
}

.pk_character h3 a{
	font-weight: bold;
}

.pk_character p{
	font-size: 1em;
}

.pk_character article{
	padding-bottom: 1em;
}

#characters .pk_character article.box, #inari .pk_character article.box, #kuyosai .pk_character article.box, #kuyo_option .pk_character article.box, .goods_lineup .pk_character article.box, .top_characters_lineup .pk_character article.box{
	margin-bottom: 1em;
}

body, input, select, textarea {
	line-height: 1.5em;
}

#nav{
    background-color: #786a7b;
    background: url(../../images/bg_sand.png) #555555;
    -moz-transform: translateX(21em);
    -webkit-transform: translateX(21em);
    -ms-transform: translateX(21em);
    transform: translateX(21em);
    width: 21em;
}

#nav > ul.links > li > a:not(.button) {
    line-height: 1.5em;
    padding-top: 1em;
    padding-bottom: 1em;
}

#nav input[type="submit"].special, #nav input[type="reset"].special, #nav input[type="button"].special, #nav button.special, #nav .button.special {
    color: #484848 !important;
}

input[type="submit"], input[type="reset"], input[type="button"], button, .button, .wrapper.style3 input[type="submit"], .wrapper.style3 input[type="reset"], .wrapper.style3 input[type="button"], .wrapper.style3 button, .wrapper.style3 .button {
    font-size: 1em;
    height: 3em;
    line-height: 3em;
    box-shadow: inset 0 0 0 3px rgba(64, 64, 64, 1);
}

#banner2 .button {
    background-color: transparent;
    box-shadow: inset 0 0 0 3px rgba(255,255,255,1);
    color: white !important;
    text-shadow: 0 0 6px #000;
    background-color: rgba(0,0,0,0.4);
    font-weight: bold;
}

.button:hover {
	background-color: rgba(255, 255, 255, 1);
	color: #333333 !important;
}


.button{
	background-color: rgba(64, 64, 64, 1);
	color: white !important;
	border-radius: 10px;
}

.wrapper.style1 input[type="submit"], .wrapper.style1 input[type="reset"], .wrapper.style1 input[type="button"], .wrapper.style1 button, .wrapper.style1 .button {
    box-shadow: inset 0 0 0 3px #fff;
}

#top_purple .button{
	background-color: rgba(255, 255, 255, 1);
	color: #333333 !important;
	border-radius: 10px;
}

#top_purple .button:hover{
	background-color: rgba(255, 255, 255, 0.7);
	color: #333333 !important;
}

#four .button{
	background-color: rgba(255, 255, 255, 1);
	color: #333333 !important;
	border-radius: 10px;
}

#four .button:hover{
	background-color: rgba(64, 64, 64, 1);
	color: white !important;
	border-radius: 10px;
}

#banner2 .button:hover {
	background-color: rgba(255, 255, 255, 0.575);
}

.spotlight .image, .spotlight article, .spotlight object {
    width: 45%;
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 1em;
    right: 1em;
    margin: 0;
    z-index: 10000;
}

.pagetop a {
    display: block;
    width: 40px;
    height: 40px;
    background-color: rgba(0,0,0,0.7);
    text-align: center;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    line-height: 40px;
    border-radius: 40px;
}

#footer{
    padding-top: 1.5em;
    padding-bottom: 0.5em;
    background: url(../../images/bg_sand.png) #555555;
    //box-shadow:0 8px 12px -8px #000000 inset;
    box-shadow: 0 14px 20px -10px #444444 inset;
}

#footer *{
	color: white !important;
}

#footer .wrapper{
    padding-top: 1em;
    padding-bottom: 0.5em;
}

.white-bg.jagged-border {
  position: relative;
  -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 2px);
          filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 2px);
}

.gray-bg.jagged-border {
  position: relative;
  //-webkit-filter: drop-shadow(rgba(0, 0, 0, 0) 0px 1px 2px);
  //        filter: drop-shadow(rgba(0, 0, 0, 0) 0px 1px 2px);
}
.jagged-border:before {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  width: 100%;
  height: 5px;
}

.white-bg {
  background: #FFFFFF;
}

.white-bg:before {
  background: -webkit-linear-gradient(45deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%), -webkit-linear-gradient(135deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%);
  background: linear-gradient(45deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%);
  background-size: 10px 20px;
}

.gray-bg {
  background: url(../../images/bg_sand.png) #e4e3de;
}

.gray-bg:before {
  background: -webkit-linear-gradient(45deg, transparent 33.333%, #dcdbd7 33.333%, #dcdbd7 66.667%, transparent 66.667%), -webkit-linear-gradient(135deg, transparent 33.333%, #dcdbd7 33.333%, #dcdbd7 66.667%, transparent 66.667%);
  background: linear-gradient(45deg, transparent 33.333%, #dcdbd7 33.333%, #dcdbd7 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, #dcdbd7 33.333%, #dcdbd7 66.667%, transparent 66.667%);
  background-size: 10px 20px;
}

#subpage_title{
	box-shadow: 0px 0px 60px rgba(0,0,0,0.3) inset;
}

#subpage_title h1{
	text-shadow: #333333 1px 1px 5px, #333333 -1px 1px 5px, #333333 1px -1px 5px, #333333 -1px -1px 5px;
	font-size: 2em;
	margin: 0 0 0.5em 0;
}

#main h2,#main h3,#main h4,#main p{
	text-align: center;
}

#main hr{
	margin-bottom: 0;
	margin-top: 0;
}

header h3 + p {
    margin-top: 1.5em;
}

.thumbnail_lineup .row > * {
    padding: 0 0.4em 0 0.4em;
}

.thumbnail_lineup .row {
    margin: 0 0 -1px 0em;
}

.thumbnail_lineup .row h4 {
    margin-bottom: 0.25em;
}

.thumbnail_lineup img {
    width: 100%;
}

.thumbnail_lineup .box.style2 > img {
	margin-bottom: 1em;
}

.pricelist_price{
	
}

strong{
	font-weight: bold !important;
}

.pricelist_price span.yen1{
	font-weight: bold !important;
	font-size: 20px;
	color: #cc0000;
}

.mini_nav1{
	padding: 0 10px 2px; margin: 0;
}

.mini_nav1 li{
	display: inline-block;
	list-style-type: none;
	margin-right: 1em;
}

/*
.pricelist_lineup .row h4, .pricelist_lineup .row h4 a, .goods_lineup .row h4 a, .goods_lineup .row h4{
	color: #86a52e;
	font-size: 22px;
}
*/

.pricelist_lineup .row p, .goods_lineup .row p{
	margin-bottom: 0.5em;
}

#main .supply_h4 {
    padding: 0.5em 1.5em 0.4em;
    background: #86a52e;
    margin-bottom: 0.3em;
    border-radius: 5px;
    color: white;
    font-size: 1.05em;
    position: relative;
    display: inline-block;
}

#main .supply_h4.supply_attention_h4{
    background: #555555;
}

#main .supply_h4_wrap {
    width: 100%;
    text-align: center;
}

#main .half_pdg {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

#main .supply_text1, #main .supply_text2 {
    background: #d9eac8;
    padding: 1.8em 1em 1em;
    margin-top: -1.5em;
    z-index: 2;
    border-radius: 4px;
}

#main .supply_text1.type_bg_white, #main .supply_text2.type_bg_white {
    background: #ffffff;
    border-left: 4px solid #cccccc;
    border-right: 4px solid #cccccc;
    border-radius: 15px;
    margin-top: 1em;
}


#main .supply_text1 p{
    margin-bottom: 0.3em;
    text-indent: -1em;
    margin-left: 1em;
	text-align: left;
}

#main .supply_text2 p{
    margin-bottom: 0.3em;
	text-align: center;
}

#main .supply_text1.supply_attention_text{
    background: #cccccc;
}

#main .supply_text1.supply_attention_text p{
	font-size: 0.9em;
    margin-bottom: 0;
}

#presentation .box{
	border: 0;
    margin-bottom: 0;
}

#presentation .pk_character {
    padding: 0;
}

#presentation .pk_character article {
    padding-bottom: 0;
}


.under_thumb_btn, .under_thumb_btn2{
	width: 80%;
	margin-bottom: 0;
	background: #86a52e;
	padding: 0.5em;
	line-height: 1.3;
	border-radius: 30px;
	text-align: center;
	display: block;
	color: white;
	margin-left: 10%;
	text-decoration: none;
}

.under_thumb_btn2{
	width: 45%;
	margin-left: 3%;
	display: inline-block;
}

.accordion {
	margin: 0 auto;
}

.accordion input {
	display: none;
}
.accordion label {
	display: block;
	//background: #9fb7d4;
	background: #86a52e;
	cursor: pointer;
	padding: 10px;
	//border-bottom: 1px solid #fff;
	color: white;
}
.accordion label:hover {
	background: #cde0b0;;
	color: #333333;
}
.accordion .ac-cont {
	transition: 0.2s;
	height: 0;
	overflow: hidden;
	background: #fafafa;
	padding: 0 10px;
	margin-bottom: 0.5em;
	border: 1px solid #dddddd;
    border-top: 0;
}
.accordion input:checked + .ac-cont {
	height: auto;
	padding: 10px;
}

.accordion .ac-cont table td{
	font-size: 95%;
	padding: 0.5em;
}

table.alt tbody tr td,table.alt tbody tr th {
    border-color: rgba(144, 144, 144, 0.25);
}
table.alt tbody tr td,table.alt tbody tr th {
    border-style: solid;
    border-width: 1px;
    border-left-width: 0;
    border-top-width: 0;
}

table.alt tbody tr:first-child th {
    border-top-width: 1px;
}
table.alt tbody tr th:first-child {
    border-left-width: 1px;
}

.accordion table{
	margin-bottom: 0;
}

.table_mgn_b0, .mgn_b0{
	margin-bottom: 0;
}

#main p.addtext_left{
	margin-top: 0.5em;
	text-align: left;
}


#main .square_ttl {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    border-radius: 15%;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    background: #86a52e;
}


#main div.flow_ttl_wrap {
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    position: relative;
    top: -40px;
    padding-left: 50px;
}


#main div.flow_ttl_wrap h3 {
    margin: 0;
    border-bottom: 1px dotted #999999;
    font-size: 1.2em;
    width: 100%;
    font-weight: bold;
    line-height: 1.2;
}


#main .flow_text {
    margin-top: -30px;
    font-size: 1em;
    border-radius: 10px;
    background: #eeeeee;
    border: 2px solid #dddddd;
    padding: 0.9em;
    text-align: left;
}

#main .flow_sendbox_text {
    font-size: 1em;
    padding: 0.9em 0;
    text-align: left;
}

#main .flow2_thumb_wrap{
	margin-top: 1em;
}

#main .flow2_thumb{
	width: 100%;
	border-radius: 8px;
}

#main .flow_text p, #main .flow_sendbox_text p{
    text-align: left;
}

#main .flow_text p:last-child, #main .flow_sendbox_text p:last-child {
    margin-bottom: auto;
}

.flow_indiv{
	margin-top: 2em;
}

.flow_indiv{
	margin-top: 1em;
}

#main h3.mobile_ttl_c1{
	text-align: center;
}

#main h3.mobile_ttl_c2{
	text-align: center;
	margin-top: 2em;
}
#option_list{
	padding-top: 4em;
    margin-top: -4em;
}

#main h3.mobile_ttl_c1:before, #main h3.mobile_ttl_c2:before{
	content: "- ";
	position: relative;
    left: 1em;
}

#main h3.mobile_ttl_c1:after, #main h3.mobile_ttl_c2:after{
	content: " -";
	position: relative;
    left: -1em;
}


#main h3.mobile_ttl_c1 span, #main h3.mobile_ttl_c2 span{
	display: inline-block;
    border-bottom: 1px dotted #333333;
    padding: 0 1.2em 0.2em;
}

#main .kaso_pricelist_add{
	margin-top: 0.5em;
}

#main .kaso_pricelist_add p{
	font-size: 90%;
	text-align: left;
}

#main .goods_thumbnail .box{
	margin-bottom: 1em;
}

.mini_nav1_wrapper {
	width: 100%; margin-bottom: 2em; background: #d9eac8; padding: 10px; border-radius: 30px; text-align: center;
}

h2.index_header_a{
	color: #86a52e;
}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    box-shadow: inset 0 0 0 0px rgba(64, 64, 64, 1);
}

.attention_table_td{
	width: 18em;
}

.flow_btn_br{
	display: none;
}

#nav .button {
	padding: 0;
}

.pricelist_lineup .row p.pricelist_lineup_add1{
	font-size: 90%;
    line-height: 1.3;
}

.pricelist_lineup .row p.pricelist_lineup_add1_blank1{
	display: block;
}

.pricelist_lineup .row p.pricelist_lineup_add1_blank2{
	display: block;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#main p.addtext_left2 {
    margin-top: 0.5em;
    text-align: left;
    font-size: 1em;
}

.add_section1 {
    background: #555555;
    text-align: center;
    padding-top: 0.5em;
    position: relative;
    padding-bottom: 0.5em;
    z-index: 2;
}

.add_section1 a{
	color: white;
	text-decoration: initial;
}
	
.add_section1 a:hover{
	text-decoration: underline;
}

/* banner2 */

	#banner2 {
		background-color: #444;
		color: #fff;
		min-height: 40em;
		height: 60vh;
		position: relative;
	}

		#banner2 input, #banner2 select, #banner2 textarea {
			color: #fff;
		}

		.banner2_parag{
		    font-size: 1.7em;
		    line-height: 1.35;
		    font-weight: bold;
		    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif !important;
		    text-shadow: #333333 1px 1px 10px, #333333 -1px 1px 10px, #333333 1px -1px 10px, #333333 -1px -1px 10px;
		}

		.banner2_parag a{
			text-decoration: none;
		}
		
	.banner2_title_explain{
	    font-size: 1.2em;
	    line-height: 1.1;
	    margin-top: -1em;
		    font-weight: bold;
		    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif !important;
		    text-shadow: #333333 1px 1px 10px, #333333 -1px 1px 10px, #333333 1px -1px 10px, #333333 -1px -1px 10px;
	}

		#banner2 a {
			color: #fff;
		}

		#banner2 strong, #banner2 b {
			color: #fff;
		}

		#banner2 h1, #banner2 h2, #banner2 h3, #banner2 h4, #banner2 h5, #banner2 h6 {
			color: #fff;
		}

		#banner2 blockquote {
			border-left-color: rgba(255, 255, 255, 0.25);
		}

		#banner2 code {
			background: rgba(255, 255, 255, 0.075);
			border-color: rgba(255, 255, 255, 0.25);
		}

		#banner2 hr {
			border-bottom-color: rgba(255, 255, 255, 0.25);
		}

		#banner2:after {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			-moz-transition: opacity 1.5s ease-in-out, visibility 1.5s;
			-webkit-transition: opacity 1.5s ease-in-out, visibility 1.5s;
			-ms-transition: opacity 1.5s ease-in-out, visibility 1.5s;
			transition: opacity 1.5s ease-in-out, visibility 1.5s;
			background: #000511;
			content: '';
			display: block;
			height: 100%;
			left: 0;
			opacity: 0;
			position: absolute;
			top: 0;
			visibility: hidden;
			width: 100%;
			z-index: 2;
		}

		#banner2 .indicators {
			bottom: 1.5em;
			left: 0;
			list-style: none;
			margin: 0;
			padding: 0;
			position: absolute;
			text-align: center;
			width: 100%;
			z-index: 2;
		}

			#banner2 .indicators li {
				cursor: pointer;
				color: rgba(255,255,255,0);
				display: inline-block;
				height: 2em;
				margin: 0 1em;
				overflow: initial;
				padding: 0;
				position: relative;
				text-indent: 2em;
				width: 15%;
			}

				#banner2 .indicators li:before {
					background: rgba(255, 255, 255, 0.35);
					border-radius: 10px;
					content: '';
					display: inline-block;
					height: 0.8em;
					left: 0;
					margin: 0;
					position: absolute;
					text-indent: 0;
					top: 50%;
					width: 100%;
				}

				#banner2 .indicators li.visible:before {
					background: #fff;
				}

		#banner2 > article {
			-moz-transition: opacity 1.5s ease, visibility 1.5s;
			-webkit-transition: opacity 1.5s ease, visibility 1.5s;
			-ms-transition: opacity 1.5s ease, visibility 1.5s;
			transition: opacity 1.5s ease, visibility 1.5s;
			background-attachment: fixed;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			height: 100%;
			left: 0;
			opacity: 0;
			position: absolute;
			text-align: center;
			top: 0;
			visibility: hidden;
			width: 100%;
			z-index: 0;
		}

			#banner2 > article:before {
				content: '';
				display: inline-block;
				height: 100%;
				vertical-align: middle;
			}

			#banner2 > article:after {
				content: '';
				display: block;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				background: #000;
				opacity: 0.4;
			}

			#banner2 > article .inner {
				position: relative;
				display: inline-block;
				vertical-align: middle;
				z-index: 1;
				padding: 30px;
				//background-color: rgba(35, 26, 1,0.75);
				//box-shadow: 0px 0px 100px 60px rgba(0,0,10,0.1) inset;
			}
				#banner2 > article .inner > :last-child {
					margin-bottom: 0;
				}

			#banner2 > article h2 {
				font-weight: 800;
				font-size: 2.75em;
				padding-bottom: 0;
				margin: 0 0 0.5em 0;
				text-shadow: #333333 1px 1px 10px, #333333 -1px 1px 10px, #333333 1px -1px 10px, #333333 -1px -1px 10px;
			}

				#banner2 > article h2:after {
					display: none;
				}

			#banner2 > article img {
				display: none;
			}

			#banner2 > article.visible {
				opacity: 1;
				visibility: visible;
			}

			#banner2 > article.top {
				z-index: 1;
			}

			#banner2 > article.instant {
				-moz-transition: none !important;
				-webkit-transition: none !important;
				-ms-transition: none !important;
				transition: none !important;
			}

		body.is-loading #banner2:after {
			opacity: 1.0;
			visibility: visible;
		}

		div#top_blog_update {
		    text-align: left;
		}

		div#top_blog_update .post-date{
			font-weight: bold;
		}

		div#top_blog_update .post-date, div#top_blog_update .post-title{
		    margin-bottom: 0.5em;
		}

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

			#banner2 {
				min-height: 30em;
				height: 55vh;
			}

				#banner2 > article h2 {
					font-size: 2.25em;
				}

		}

		@media screen and (max-width: 980px) {
			
			h2{
				font-size: 1.8em;
			}
			
			#banner2 {
				min-height: 35em;
				height: 60vh;
			}

			#banner2 > article {
				background-attachment: scroll;
			}

		}

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

			#banner2 {
				min-height: 25em;
			}

				#banner2 > article .inner {
					width: 90%;
				}

				#banner2 > article h2 {
					font-size: 1.75em;
					line-height: 1.25em;
				}

		}

		body.is-mobile #banner2 > article {
			background-attachment: scroll;
		}

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

	body {
	    padding-top: 56px;
	}

	#header a[href="#nav"]:before {
	    content: '\f0c9';
	    margin: 0 0.5em 0 0;
	}
	#header a[href="#nav"] > span {
	    display: inline-block;
	}

	#top_6characters h2, #top_6characters p, #top_price h2, #top_price p{
	    text-align: left;
	}

	#top_price.wrapper{
	    background: none;
	}
	
	.white-bg:before, .gray-bg:before {
	  margin-left: -1em;
	}
	
	#subpage_title h1{
		font-size: 1.75em;
	}
	
	.mobile_tablet_nobr{
		display: none;
	}
	.wrapper {
	    padding-left: 1em;
	    padding-right: 1em;
	}
	
	h2.index_header_a{
		padding-top: 0;
	    margin-top: 0;
	    border-left: 0.4em solid #86a52e;
	    padding-left: 0.5em;
    }
    #main .parag_text_type2 p{
    	text-align: left;
    }

	.flow_btn_br{
		display: block;
	}


	.pricelist_lineup .row p.pricelist_lineup_add1_blank2{
		display: none;
	}
	
	#main .supply_text2 p{
		text-align: left;
	}



		
}

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

	body {
	    padding-top: 48px;
	}

	#banner2 .indicators li{
		margin: 0 0.5em;
	}

	#subpage_title h1{
		font-size: 1.75em;
	}

	.thumbnail_lineup .row > * {
	    padding: 0 0.25em 0 0.25em;
	}

	#main h2.part_title span {
	    color: #86a52e;
	    text-align: left;
	    border-left: 0.4em solid #86a52e;
	    padding-left: 0.5em;
	    display: inline-block;
	}
	
	.banner2_title_explain{
	    margin-top: -0.6em;
	}

	.mobile_boxttl1, .mobile_boxttl1 a {
	    font-size: 18px;
	}

	#main h2, #main h3, #main p {
		text-align: left;
	}

	#main .box p {
		text-align: center;
	}

	.pk_character p {
	    font-size: 0.9em;
	    line-height: 1.5em;
	}

	.mini_nav1_wrapper {
		margin-top: -1em; width: 100%; margin-bottom: auto; background: none; padding: 0; border-radius: initial; text-align: initial;
	}
	.mini_nav1 {
		margin-bottom: 1em;
	}
	.mini_nav1 li {
		list-style-type: none;
		width: 100%;
		margin-bottom: 0.75em;
		background: #d9eac8;
		padding: 5px 15px;
		border-radius: 30px;
	}

	
	h2.index_header_b,h2.index_header_c,h2.index_header_d{
		padding-top: 0;
	    margin-top: 0;
	    padding-left: 0.5em;
    }
    
	h2.index_header_b{border-left: 0.4em solid white;}
	h2.index_header_c{border-left: 0.4em solid #555555;}
	h2.index_header_d{color: #86a52e; border-left: 0.4em solid #86a52e;}


	.attention_table_td{
		width: 9em;
	}
	
	.flow_btn_br{
		display: none;
	}

	.ms_btns1 li{
		margin-top: 1em;
	}
}
@media screen and (max-width: 655px) {
	.ms_btns1 li a,.ms_btns1 li{width: 100%;}
	ul.ms_btns1 > li {
    	padding: 0;
	}
    
}
@media screen and (max-width: 480px) {

	body {
	    padding-top: 44px;
	}
	
	.mobile_nobr{
		display: none;
	}

	.mobile_br{
		display: block;
	}

	#banner2 > article h2 {
		font-weight: 800;
		font-size: 1.4em;
		padding-bottom: 0;
		margin: 0 0 0.5em 0;
	}

	.banner2_parag{
	    font-size: 1.2em;
	    line-height: 1.25;
	}
	
	.banner2_title_explain{
	    font-size: 0.85em;
	    line-height: 1.1;
	    margin-top: -0.5em;
	}


	h2 {
	    font-size: 1.45em;
	}
	#main h3 {
	    font-size: 1.15em;
	}
	.thumbnail_lineup .row h4 {
	    font-size: 0.9em;
	}
	.thumbnail_lineup .row h4.mobile_boxttl1{
	    font-size: 1.15em;
	}
	.xsmall_mgn1{
		margin-bottom: 2em;
	}

	#header a[href="#nav"]:before {
	   // display: none;
	}
	
	#header a[href="#nav"] > span {
	    //display: none;
	}

	#subpage_title h1 {
	    font-size: 1.5em;
	}

	#main .supply_h4_wrap {
	    text-align: center;
	}

	.pricelist_lineup .row h4.mobile_boxttl1 a, .mobile_boxttl1{
		font-size: 16px;
	}

	#main .square_ttl {
	    width: 35px;
	    height: 35px;
	    line-height: 35px;
	}

	#main div.flow_ttl_wrap {
	    display: table-cell;
	    vertical-align: middle;
	    height: 35px;
	    position: relative;
	    top: -35px;
	    padding-left: 45px;
	}

	#main .flow_text{
	    margin-top: -25px;
	    min-height: auto;
	}


	#main .flow_sendbox_text{
	    min-height: auto;
	}


	.flow_indiv{
		margin-top: 1em;
	}

	.flow2_indiv{
		margin-top: 1em;
	}

	.pricelist_lineup .row h4, .pricelist_lineup .row h4 a, .goods_lineup .row h4 a {
	    font-size: 16px;
	}
	
	.pk_character p {
	    font-size: 1em;
	    line-height: 1.5em;
	}

	.flow_btn_br{
		display: block;
	}

.pricelist_lineup .row p.pricelist_lineup_add1_blank1{
	display: none;
}

.pricelist_lineup .row p.pricelist_lineup_add1_blank2{
	display: none;
}

}

@media screen and (max-width: 360px){
	#banner2 > article .inner {
	    width: 99%;
	}

	#banner2 > article h2 {
		font-size: 1.2em;
	}
	
	.banner2_parag{
	    font-size: 1em;
	    line-height: 1.25;
	}
	
	.mobile_boxttl1 {
	    font-size: 15px;
	}
	.pk_character p {
	    font-size: 0.9em;
	    line-height: 1.5em;
	}
	
	.pricelist_price span.yen1 {
		font-weight: bold !important;
		font-size: 18px;
		color: #cc0000;
	}

	h2 {
	    font-size: 1.3em;
	}
	#main h3 {
	    font-size: 1.1em;
	}
	.thumbnail_lineup .row h4 {
	    font-size: 0.75em;
	}
	.thumbnail_lineup .row h4.mobile_boxttl1{
	    font-size: 1.15em;
	}
	.under_thumb_btn, .under_thumb_btn2 {
		font-size: 1em;
		margin-left: 5%;
	    width: 90%;
	    padding: 0.5em 0.4em;
	}
	
	.flow_inquiry_btn.under_thumb_btn2 {
	    width: 42%;
	}
	

}