@charset "utf-8";


/* mainimg
------------------------------------------------------------*/

div.gogocurry_onlineshop {
	width: 1000px;
	margin: 20px auto 10px;
}

/* cont01
---------------------------------------------------- */

#cont01 {
	text-align: center;
	/* background: #ede1e8 url(../images/bg_ixcont01.jpg); */
}
#cont01 .box {
	padding: 0 0 30px;
	text-align: center;
}
.ixcont01box {
	width: 100%;
	clear: both;
}
.ixcont01box .grid01 {
	width: 28%;
}
.ixcont01box .grid02 {
	width: 70%;
	margin-left: 2%;
	text-align: left;
}
.ixcont01box .grid .inbox {
	padding: 10px 12px;
	background: #fff;
	border: solid 1px #d4c9cd;
}

.ixcont01box .ixnewssub {
	width: 100%;
	background: #9f0225 url(../images/bg_ixnewssub.png) no-repeat right top;
	text-align: left;
}
.news-box {
	width: 100%;
	background: #eee url(../images/bg_newsbox.png) repeat center center;
	text-align: left;
}
.news-box li {
	padding: 0px;
}
.news-box li dl {
	padding: 2px 6px;
	font-size: 0.9em;
	overflow: hidden;
}
.news-box li dl dt {
	padding: 4px 0 0;
	color:#ff0000;
	font-weight:bold;
}
.news-box li dl dd {
	padding: 0 0 6px;
	color:#333;
	line-height:1.4em;
	border-bottom: solid 1px #ffc8c8;
}

.ixcont01box .morebtnbox {
	width: 100%;
	margin-top: 8px;
	background: #6b7dff;
}
.newsmorebtn {
	display: block;
	padding: 6px 18px;
	text-align: left;
	background: url(../images/arrow_ixnews.png) no-repeat right top;
}

.ixcont01box .grid02 .ytwrapper {
    position: relative;
    width: 100%;
}
.ixcont01box .grid02 .ytwrapper:before {
	content:"";
	display: block;
	padding-top: 59%;
}
.ixcont01box .grid02 .ytwrapper .ytcontent {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ixcont01box .grid02 .inbox {
    position: relative;
}
.ixcont01box .grid02 .inbox .ytlogo {
	position: absolute;
	bottom: 0;
	left: 0;
}

.ixcont01box .grid02 .morebtnbox {
	background: #f56463;
}
.ixcont01box .grid02 .newsmorebtn {
	display: block;
	padding: 6px 18px;
	text-align: right;
	background: url(../images/arrow_ixnews.png) no-repeat right top;
}
.ixcont01box .grid02 .newsmorebtn span {
	padding-right: 60px;
}


/* cont02
---------------------------------------------------- */

#cont02 {
	text-align: center;
	/*background: #f1eff0;*/
}
#cont02 .box {
	padding: 30px 0 0;
	text-align: center;
}
.ixcont02box {
	width: 100%;
	clear: both;
}
.ixcont02box .grid .inbox {
	padding: 4px;
	background: #fff;
	border: solid 1px #ccc;
}

.ixcont02box .grid01 {
	width: 68%;
}
.ixcont02box .grid01 .gridWrapper{
	width: 100%;
	clear: both;
}
.ixcont02box .grid01 .gridWrapper .grid {
	width: 32%;
	margin: 0 0 2% 2%;
}
.ixcont02box .grid01 .gridWrapper .grid11,
.ixcont02box .grid01 .gridWrapper .grid14 {
	margin: 0 0 2% 0;
}
.ixcont02box .grid01 .gridWrapper .grid a {
	display: block;
}
.ixcont02box .grid01 .gridWrapper .grid a .inbox:hover {
	background: #eee;
}
.ixcont02box .grid01 .gridWrapper .ctg01 .colorbox {
	background: #f3b416;
}
.ixcont02box .grid01 .gridWrapper .ctg02 .colorbox {
	background: #90a7ff;
}
.ixcont02box .grid01 .gridWrapper .ctg03 .colorbox {
	background: #f58a89;
}
.ixcont02box .grid01 .gridWrapper .ctg04 .colorbox {
	background: #49cd99;
}
.ixcont02box .grid01 .gridWrapper .ctg05 .colorbox {
	background: #9d9b65;
}


.ixcont02box .grid01 .gridWrapper .colorbox h1 {
	padding: 4px 0;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
}
.ixcont02box .grid01 .gridWrapper .colorbox .pkupbox {
	padding: 2px;
}
.ixcont02box .grid01 .gridWrapper .colorbox .pkupimg img {
	width: 100%;
	height: auto;
	border: solid 1px #fff;
}
.ixcont02box .grid01 .gridWrapper .colorbox .pkupcomm {
	position: relative;
	background: #fff;
}
.ixcont02box .grid01 .gridWrapper .colorbox .pkupcomm dl {
	padding: 6px 4px 12px;
	line-height: 1.4em;
	text-align: left;
}
.ixcont02box .grid01 .gridWrapper .colorbox .pkupcomm dl dt {
	padding: 0 0 6px;
	font-size: 1.1em;
	color: #f3b416;
}
.ixcont02box .grid01 .gridWrapper .ctg01 .colorbox .pkupcomm dl dt {
	color: #f3b416;
}
.ixcont02box .grid01 .gridWrapper .ctg02 .colorbox .pkupcomm dl dt {
	color: #90a7ff;
}
.ixcont02box .grid01 .gridWrapper .ctg03 .colorbox .pkupcomm dl dt {
	color: #f58a89;
}
.ixcont02box .grid01 .gridWrapper .ctg04 .colorbox .pkupcomm dl dt {
	color: #49cd99;
}
.ixcont02box .grid01 .gridWrapper .ctg05 .colorbox .pkupcomm dl dt {
	color: #9d9b65;
}
.ixcont02box .grid01 .gridWrapper .colorbox .pkupcomm dl dd {
	font-size: 0.9em;
	color: #111;
}

.ixcont02box .grid01 .gridWrapper .colorbox .sbarrow {
	position: absolute;
	right: 0;
	bottom: 0;
}
.ixcont02box .grid01 .gridWrapper .colorbox .sbarrow:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-bottom: 12px solid #f3b416;
	border-left: 12px solid transparent;
}
.ixcont02box .grid01 .gridWrapper .ctg01 .colorbox .sbarrow:after {
	border-bottom: 12px solid #f3b416;
}
.ixcont02box .grid01 .gridWrapper .ctg02 .colorbox .sbarrow:after {
	border-bottom: 12px solid #90a7ff;
}
.ixcont02box .grid01 .gridWrapper .ctg03 .colorbox .sbarrow:after {
	border-bottom: 12px solid #f58a89;
}
.ixcont02box .grid01 .gridWrapper .ctg04 .colorbox .sbarrow:after {
	border-bottom: 12px solid #49cd99;
}
.ixcont02box .grid01 .gridWrapper .ctg05 .colorbox .sbarrow:after {
	border-bottom: 12px solid #9d9b65;
}


.ixcont02box .grid02 {
	width: 28%;
	margin-left: 4%;
}
.ixcont02box .grid02 ul {
	width: 100%;
	padding: 0px;
	list-style: none;
}
.ixcont02box .grid02 ul li {
	padding: 4px 0 0;
}
.ixcont02box .grid02 ul li:first-child {
	padding: 0;
}



/* cont03
---------------------------------------------------- */

#cont03 {
	text-align: center;
	/* background: #f1eff0; */
}
#cont03 .box {
	padding: 30px 0 100px;
	text-align: center;
}
.ixcont03box {
	width: 100%;
	clear: both;
}
.ixcont03box .grid01 {
	width: 50%;
}
.ixcont03box .grid02 {
	width: 23%;
	margin-left: 2%;
}
.ixcont03box .grid03 {
	width: 23%;
	margin-left: 2%;
}





/*************
テーブル
*************/
table.table{
border-collapse:collapse;
width:100%;
margin:10px auto;
}

table.table th,table.table td{
padding:5px;
border:1px solid #2871d7;
}

table.table tr:first-child th,table.table tr:first-child td{
border-top:#2871d7 4px solid
}

table.table th{
font-weight:bold;
letter-spacing:1px;
white-space:nowrap;
color:#fff;
background:#134091;
}



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


#cont01 .box {
	padding: 20px 0 10px;
}
.ixcont01box .grid01,
.ixcont01box .grid02 {
	width: 96%;
	margin: 0 2% 2%;
}

	#cont02 .box {
		padding: 50px 0;
		text-align: center;
	}

	.ixcont02box .grid01 {
		width: 100%;
		margin: 0 auto;
	}
	.ixcont02box .grid02 {
		width: 100%;
		margin: 0 auto;
	}
	.ixcont02box .grid01 .gridWrapper .grid {
		width: 48%;
		margin: 0 0 2% 4%;
	}
	.ixcont02box .grid01 .gridWrapper .grid11,
	.ixcont02box .grid01 .gridWrapper .grid13,
	.ixcont02box .grid01 .gridWrapper .grid15 {
		margin: 0 0 2% 0;
	}

	.btnitems img {
		width: 100%;
		max-width: 120px;
		height: auto;
	}

	#cont03 {
		display: none;
	}
	#cont03 .box {
		padding: 50px 0 100px;
		text-align: center;
	}
	.ixcont03box .grid {
		float: none;
		text-align: center;
	}
	.ixcont03box .grid01 {
		width: 80%;
		margin: 0 auto 2%;
	}
	.ixcont03box .grid02 {
		width: 80%;
		margin: 0 auto 2%;
	}
	.ixcont03box .grid03 {
		width: 80%;
		margin: 0 auto 2%;
	}


	div.gogocurry_onlineshop {
		width: 100%;
		margin: 20px auto 10px;
	}
	.gogocurry_onlineshop img {
		max-width: 100%;
		height: auto;
	}
}