@charset "UTF-8";

@media screen and (min-width:769px) {
	/*#mainvisual_slide*/
	#mainvisual_slide {
		position:relative;
	}
	
	#mainvisual_slide li {
		position:relative;
		display:block;
	}
	
	#mainvisual_slide .more,#mainvisual_slide .more2{
		position:absolute;
		top:0;
		left:0;
		margin-top:0;
	}
	
	#mainvisual_slide .more2{
        display: block;
        padding: 0.8em 0.5em;
        width: 11em;
		margin:0 !important;
        text-align: center;
		border-radius:40px;
        letter-spacing: .1em;
        font-family: 'ProximaNova-Semibold';
		color:#000;
        background-color: #ecaa00;
	}

	#mainvisual_slide .po1 {
		top:155px;
		left:36px;
	}
	
	#mainvisual_slide .po2 {
		top:205px;
		left:710px;
	}

	#mainvisual_slide .po_21st_century {
		top:370px;
		left:827px;
	}
	
	#mainvisual_slide .po_cadesign {
		top:380px;
		left:827px;
	}

	#mainvisual_slide .po_170th_gift {
		top:180px;
		left:450px;
	}

	#mainvisual_slide .po_r2d2 {
		top:350px;
		left:52px;
	}

	#mainvisual_slide .po_rooster {
		top:390px;
		left:827px;
	}

	#mainvisual_slide .po_townsend {
		top:300px;
		left:45px;
	}
	
	#slider {
		overflow:hidden;
		width:998px;
		height:483px;
	}
	
	#pager {
		position:absolute;
		bottom:0em;
		left:50%;
		text-align:center;
		-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		transform:translateX(-50%);
	}
	
	#pager a {
		display:inline-block;
		margin:0 .25em;
		width:.8em;
		height:.8em;
		border-radius:.4em;
		background-color:#fff;
		box-shadow:0 0 5px #000;
	}
	
	#pager a.active {
		background-color:#ecaa00;
	}
	
	/*#index_nav*/
	#index_nav {
		padding:20px 0;
	}
	
	#index_nav .main_title {
		line-height:100%;
	}
	
	#special_feature {
		position:relative;
		float:left;
		width:60%;
		height:490px;
		background:url(../img/index/special_feature.jpg) center center no-repeat;
		background-size:cover;
	}
	
	#special_feature .wrap {
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		overflow:hidden;
	}
	
	#special_feature .main_title {
		position:absolute;
		top:0;
		padding:1em;
		width:100%;
		color:#ecaa00;
		font-size:300%;
	}
	
	#special_feature .title {
		margin-bottom:.25em;
		color:#fff;
		font-size:200%;
		line-height:140%;
	}
	
	#special_feature .text {
		position:absolute;
		bottom:0;
		padding:1em 3em 3em;
		background:url(../img/common/bg_black.png);
	}
	
	#index_nav #special_feature .txt {
		color:#fff;
		text-align:justify;
		text-justify:inter-ideograph;
		line-height:160%;
	}
	
	#index_nav #special_feature .more,#index_nav #special_feature .more2 {
		margin:1em auto 0;
	}
	
	
	#index_nav #index_nav_right {
		float:left;
		padding-left:20px;
		width:40%;
	}
	
	#index_nav #index_nav_right .main_title {
		text-align:center;
		font-size:240%;
	}
	
	#index_nav #index_nav_right .box {
		position:relative;
		height:150px;
	}
	
	#products .wrap,#makeyourmark .wrap,#shea_link .wrap {
		position:absolute;
		top:50%;
		width:100%;
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		transform:translateY(-50%);
	}
	
	
	#products {
		margin-bottom:20px;
		background-color:#ecaa00;
	}
	
	#makeyourmark {
		margin-bottom:20px;
		background-color:#000;
	}
	
	#makeyourmark .main_title {
		color:#ecaa00;
	}
	
	#shea_link {
		background-color:#bebab9;
	}
	
	#shea_link .main_title {
		position:relative;
		height:40px;
		background:url(../img/index/sheaffer_logo.png)top center no-repeat;
	}
	
	
	
	#information {
		overflow:hidden;
		background:url(../img/index/information.jpg) center center no-repeat;
		background-size:cover;
	}
	
	#information .main_title {
		margin:1em 0 .5em;
		color:#fff;
	}
	
	#info_text li {
		display:block;
		overflow:hidden;
		padding:1em 3em 0;
		width:100%;
		height:10em;
		background:url(../img/common/bg_black.png);
	}
	
	#info_text li a {
		display:block;
		color:#ecaa00;
	}
	
	#info_text li small {
		color:#fff;
	}
	
	#information .bx-controls a {
		position:absolute;
		top:68%;
		display:block;
		padding:.5em 1em;
		color:#ecaa00;
		font-size:80%;
		opacity:.5;
		filter:alpha(opacity=50);
		-moz-opacity:.5;
	}
	
	#information .bx-controls a:hover {
		opacity:1;
		filter:alpha(opacity=100);
		-moz-opacity:1;
	}
	
	#information .bx-controls a.bx-next {
		right:0;
	}
	
	/*gifting*/
	.gifting {
		padding:20px 0 0;
	}
	
	.gifting .wrap {
		position:relative;
	}
	
	.gifting .main_title {
		color:#ecaa00;
		font-size:300%;
		line-height:1;
		position:absolute;
		top:1em;
		left:1.33em;
	}

	.gifting .box {
		position:absolute;
		top:0;
		padding:8em 3em 3em 4em;
		width:60%;
		color:#fff;
	}
	
	.gifting .title {
		margin-bottom:.25em;
		text-shadow:0 0 10px #000,0 0 5px #000;
		font-size:200%;
		line-height:140%;
	}
	
	.gifting .txt {
		text-align:justify;
		text-justify:inter-ideograph;
		text-shadow:0 0 10px #000,0 0 5px #000;
		line-height:160%;
	}
	
	.gifting .more {
		margin:2em 0 0;
		background-color:rgba(0,0,0,.75);
	}

	.gifting .more2{
		margin:1em 0 0;
		background-color:#ffc000;
		color:#000;
	}
	#index_nav #special_feature .more2 {
		margin:1em auto 0;
		background-color:#ffc000;
		color:#000;
	}

}

@media screen and (max-width:768px) {
	/*#mainvisual_slide*/
	#mainvisual_slide {
		position:relative;
	}
	
	#mainvisual_slide li {
		position:relative;
		display:block;
	}
	
	#mainvisual_slide .more {
		display:none;
	}
	
	#slider {
		overflow:hidden;
		width:998px;
	}
	
	#pager {
		position:absolute;
		bottom:0em;
		left:50%;
		text-align:center;
		-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		transform:translateX(-50%);
	}
	
	#pager a {
		display:inline-block;
		margin:0 .25em;
		width:.8em;
		height:.8em;
		border-radius:.4em;
		background-color:#fff;
		box-shadow:0 0 3px #000;
	}
	
	#pager a.active {
		background-color:#ecaa00;
	}
	
	/*#index_nav*/
	#index_nav {
		margin:1em;
	}
	
	#index_nav .main_title {
		line-height:100%;
	}
	
	#special_feature {
		position:relative;
		background:url(../img/index/special_feature.jpg) top center no-repeat #000;
		background-size:auto 20em;
	}
	
	#special_feature .wrap {
		padding-top:20em;
	}
	
	#special_feature .main_title {
		position:absolute;
		top:0;
		padding:1em;
		width:100%;
		color:#ecaa00;
		text-align:center;
		font-size:200%;
	}
	
	#special_feature .text {
		padding:2em;
	}
	
	#special_feature .title {
		margin-bottom:1em;
		color:#fff;
		font-size:140%;
		line-height:140%;
	}
	
	#index_nav #special_feature .txt {
		color:#fff;
		text-align:justify;
		text-justify:inter-ideograph;
		line-height:160%;
	}
	
	#index_nav #special_feature .more {
		margin:1em auto 0;
	}
	
	#index_nav #index_nav_right .main_title {
		text-align:center;
		font-size:200%;
	}
	
	#index_nav #index_nav_right .box {
		position:relative;
		height:12em;
	}
	
	#products .wrap,#makeyourmark .wrap,#shea_link .wrap {
		position:absolute;
		top:50%;
		width:100%;
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		transform:translateY(-50%);
	}
	
	#products {
		margin-top:1em;
		background-color:#ecaa00;
	}
	
	#makeyourmark {
		margin-top:1em;
		background-color:#000;
	}
	
	
	#makeyourmark .main_title {
		color:#ecaa00;
	}
	
	#shea_link {
		margin-top:1em;
		background-color:#bebab9;
	}
	
	#shea_link .main_title {
		position:relative;
		height:40px;
		background:url(../img/index/sheaffer_logo.png)top center no-repeat;
	}
	
	#information {
		overflow:hidden;
		margin-top:1em;
		background:url(../img/index/information.jpg) center center no-repeat;
		background-size:cover;
	}
	
	#information .main_title {
		margin:1em 0 .5em;
		color:#fff;
	}
	
	#info_text li {
		display:block;
		overflow:hidden;
		padding:1em 3em 0;
		width:100%;
		height:10em;
		background:url(../img/common/bg_black.png);
	}
	
	#info_text li a {
		display:block;
		color:#ecaa00;
	}
	
	#info_text li small {
		color:#fff;
	}
	
	#information .bx-controls a {
		position:absolute;
		top:68%;
		display:block;
		padding:.5em 1em;
		color:#ecaa00;
		font-size:80%;
	}
	
	#information .bx-controls a.bx-next {
		right:0;
	}

	/*gifting*/
	.gifting {
		margin:1em 1em 0;
	}
	
	.gifting .wrap {
		position:relative;
		background-color:#000;
	}
	
	.gifting .box {
		color:#fff;
		padding:2em;
		background-color:#000;
	}
	
	.gifting .main_title {
    position: absolute;
    top: 0;
    padding: 1em;
    width: 100%;
    color: #ecaa00;
    text-align: center;
    font-size: 200%;
	}
	
	.gifting .title {
		margin-bottom:1em;
		font-size:140%;
		line-height:140%;
	}
	
	.gifting .txt {
		text-align:justify;
		text-justify:inter-ideograph;
		line-height:160%;
	}
	
}