@charset "utf-8";



@media screen and (min-width: 800px){
body { font-size: 1.6rem; } /* =16px */
}

@media screen and (min-width: 641px){
.clm2_l						{float: left; width: 47%;}
.clm2_r						{float: right; width: 47%;}
.clm3_l2					{float: left; width: 64%;}
.clm3_r						{float: right; width: 31%;}
.clm3_l						{float: left; width: 31%;}
.clm3_r2					{float: right; width: 64%;}
.clm3_l3					{float: left; width: 30%; margin-right: 5%;}
.clm3_l3:nth-child(3n+3)	{margin-right: 0;}

.br_t_ss			{margin-top:4px;}
.br_t_s				{margin-top:20px;}
.br_t				{margin-top:50px;}
.br_t_l				{margin-top:100px;}
.br_t_ll			{margin-top:150px;}

h2   { font-size: 2.5rem; }


/* ===================================
	teaser
==================================== */
.teaser_body		{border:#4FC4CB  solid 20px;}
.teaser_header		{text-align: center; padding: 10% 10%;}
.teaser_sec			{margin: 2px 10% 150px 10%;}
.teaser_btn			{padding: 15px 30px;}
.teaser_body h2 	{font-size: 26px;}
.teaser_body h3 	{font-size: 20px;}
.teaser_footer		{text-align: center; font-size: 12px; padding: 20px;}
.teaser_twitter		{top:5%; right:5%;}

.teaser_body h1 	{font-size: 30px; }
.teaser_body h2 	{font-size: 22px; }
.teaser_body h2 span 	{padding: 5px;}

.teaser_shadow		{max-width: 100%;}





/* ===================================
	main
==================================== */
#header .contents_inner {padding: 20px 50px 70px 50px; max-width:700px;}
.top_copy	{font-size: 25px;}
.top_index	{ padding:26% 0 15%;}
.top_index .inner	{width:63%; max-width:700px; min-width: 500px; padding: 0 50px;}
.top_cate	{padding:180px 12% 100px 12%;}
#top_random {
	/*background-image: url(../images/top.jpg);*/
	background-position: top center;
	background-attachment:fixed;}
}
.top_img1 {
	background-image: url(../images/top1.jpg);
}
.top_img2 {
	background-image: url(../images/top2.jpg);
}


.bg_tree:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-bottom: 250px solid #f5f5f5;
	border-left: 1600px solid transparent;
	margin-top: -300px;
}
.triangle_b:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 250px solid #f5f5f5;
	border-right: 1600px solid transparent;;
}
.triangle_t:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-bottom: 250px solid #f5f5f5;
	border-left: 1600px solid transparent;
	margin-top: -290px;
}

.sponsor .kaigyo_no_sm {
	margin: 0 10%;
}


.border_box{
	padding: 20px;
}


section .inner{
	padding:30px 12% 0 12%;
}
section:nth-child(odd) .inner{
	padding:30px 12% 260px 12%;
}
section:last-child{
	padding-bottom: 100px;
}
hr{
	border: 3px dashed #DBE3EF;
	margin: 100px 0;
}


.news_tag a{
	padding: 10px;
	font-size: 1.4rem;
}

.cate_bg {
	background-image: url(../images/cate_bg.jpg);
	background-size: contain;
}

/* ===================================
	menu
==================================== */
#oth_lang #nav{
	top: 108px;
}
#nav li ul {
	list-style: none;
	position: absolute;
	width: 180px;
	margin: 13px auto;
	top: 100%;
	left: -10px;
}
#nav li ul a {
	font-size: 14px;
	line-height: 3;
	padding: 5px 10px;
	display: block;
	background: #032253;
}
#nav li ul a:hover {
	background: #fff;
}
#nav .now {
	color:#fff;
}
.nav_c	{style="top: 110px !important;"}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
#gmenu li ul{
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .2s;
}
#gmenu li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}


/*-----------------------------------------------------
	news
-----------------------------------------------------*/
.news_img {
	max-width: 300px;
	width: 40%;
	float: right;
	margin: 0 0 10px 4%;
}
.news_content .wp-caption {
	max-width: 300px;
	width: 40% !important;
	float: right;
	margin: 0 0 10px 4%;
}



/*-----------------------------------------------------
	goods
-----------------------------------------------------*/
#goods .tile_box {
    width: 32%;
}


/*-----------------------------------------------------
	footer
-----------------------------------------------------*/
.backtotop {
	position: fixed;
	cursor: pointer;
	z-index: 99;
	right: 20px;
	width: 50px;
	height: 70px;
	background: url(../images/back_top.png) no-repeat top;
}



/*-----------------------------------------------------
	yukine
-----------------------------------------------------*/
.yukine_com {
	width: 100px;
}

.parent3				{
	margin: 20px 0 20px 130px;
}

.parent3 .child3 {
	font-size: 1.8rem;
	padding: 30px 5%;
}
.parent3 .child3:after	{
	top:50px;
}