* {

    margin: 0px;

	font-size: 100%;

}



html {

    background-color:#f5f5f5;

	font-size: 62.5%;

}





body{

    width: auto;

    margin-right: auto;

    margin-left : auto;

    width: 992px !important;

    min-width: 992px;    background-color:#f5f5f5;

    line-height: 1.5;

    color : #333;

    font-size: 16px;

    font-family: "ヒラギノ角ゴ Pro W6",Hiragino Kaku Gothic Pro,Osaka,"ＭＳ Ｐゴシック",Arial,Helvetica,sans-serif;

}





header{

    width: 992px !important;

    height: 64px;

    background-color:#ffffff;

    float:left;

}





header img{

    height: 40px;

    margin-right: 5px;

    margin-left : 10px;

    margin-top : 5px;

    margin-bottom : 5px;

    max-width: 100% ;

    margin-bottom: 0px;

    position: relative;

    display: block; 

    float:left;

}







.headernote {

    font-size: 0.8rem;

    margin-left : 25px;

    color: #808080;

    float:left;

}







main{

    width: 630px;

	font-size: 18px;

    line-height: 30px;

    margin-right: 20px;

    margin-bottom: 0px;

    padding : 20px ;

    border: solid 1px #dcdcdc;

    background-color:#ffffff;

    float:left;

}







side{

    width: 300px;

    margin-top: 12px;

    float:left;

}



footer{

    clear: both;

    width: 992px !important;

    height: auto;

    text-align: center;

    margin-bottom: 20px;

}











img {

max-width: 100% ;

height: auto;

}



.font8 {

    font-size: 0.7rem;

}







   









h1{

    display: block;

    font-size: 23px;

    margin-top: 55px;

    margin-bottom: 5.3px;

    margin-left: 0px;

    margin-right: 0px;

    font-weight: bold;

    line-height: 1.3;

}



h2{

    margin: 10px 0 8px;

    padding-left: 5px;

    border-left: 5px solid #ccc;

    line-height: 1.5;

    font-size: 20px;

}







.articleDefault {

    margin: 0 10px 10px;

    padding: 6px 0 0;

    border-bottom: 1px solid #eee;

    word-break: normal;

    word-wrap: break-word;

}







p {

    display: block;

    margin-top: 1em;

    margin-bottom: 1em;

    margin-left: 0px;

    margin-right: 0px;

}







.banner{

    

    width: 300px;

    height: 250px;

    top: 0px;

    right: 0px;

    margin-bottom: 20px;

    border: solid 1px #dcdcdc;

    

    float: right;

}

















/* サイドウィジェット */

.popularPostsWidget {

    padding-top: 33px;

    color:#0033CC;

}

.popularPostsWidgetItem {

    position: relative;

    padding-left: 85px;

    min-height: 75px;

    text-align: justify;

    margin-top: 10px;

    margin-bottom: 10px;

    border: none;

    border-bottom: 1px solid #dcdcdc;

}



.popularPostsItemImg img {

    position: relative;

    display: block;

    width: 100%;

    height: auto;

    text-align: justify;

    margin-top: 10px;

    margin-bottom: 10px;

    max-width: 100%;

}



.popularPostsWidgetItem:last-child {margin-bottom: 0;}



.popularPostsItemImg {

    display: block;

    width: 75px;

    position: absolute;

    left: 0;

    top: 0;

}



.popularPostsWidgetItem h4 {line-height: 16px;

    position: absolute;

    margin-top: 10px;

    margin-bottom: 10px;

    left: 85px;

    top: 0;

}



.popularPostsWidgetItem h4 a, .popularPostsWidgetItem h4 a:visited {

    color: #0033CC ;

    font-size: 14px;

    -webkit-transition: color 0.3s ease;

    -moz-transition: color 0.3s ease;

    -o-transition: color 0.3s ease;

    transition: color 0.3s ease;

}



.popularPostsWidgetItem h4 a:hover {

    color: #ED6762

}







/* 光るボタン */

.shiny-btn1 {

    display: block;

    position: relative;

    width: 90%;/*ボタンの幅*/

    padding: 10px 0;

    margin: 30px auto;

    background-color: #00B900;/*ボタンの色*/

    box-shadow: 0 3px 0 0 #008a00;/*影の色(rgbaの値を変更)*/

    border-radius: 5px;

    font-weight: bold;

    font-size: 18px;

    font-family: "メイリオ";

    color: #fff;

    text-align: center;

    text-decoration: none;

    overflow: hidden;

}

.shiny-btn1:hover {

    text-decoration: none;

    color: #fff;

}

.shiny-btn1::before {

    position: absolute;

    content: '';

    display: inline-block;

    top: -180px;

    left: 0;

    width: 30px;

    height: 100%;

    background-color: #fff;

    animation: shiny-btn1 3s ease-in-out infinite;

}

@-webkit-keyframes shiny-btn1 {

    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }

    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }

    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }

    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }

}









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

    body{

        width: auto;

        margin-right: auto;

        margin-left : auto;

        width: auto;

        background-color:#f5f5f5;

    }

    

    header{

        width: 100% !important;

        height: 64px;

        background-color:#ffffff;

        margin-right: auto;

        margin-left : auto;

    }

    

    main{

        width: auto;

        margin-right: auto;

        margin-left : auto;

        padding : 3px ;

        border: solid 1px #dcdcdc;

        background-color:#ffffff;

    }

    

    side{

        display:none;

    }

    

    

    footer{

        width: auto;

        height: auto;

        text-align: center;

    }

    

    

    .sp_add {

	    display: block;

	}

}





.sp_add {

    display: none;

}















.Source {

    height: 40px;

    margin-right: auto;

    margin-left : auto;

    width: auto;

    color: #808080;

    font-size: 13.44px;

    padding : 10px ;

    padding-bottom : 10px ;

    font-family:"ＭＳ Ｐゴシック";

    font-weight: bold;

}



.UpdateDate {

    margin-left:0px;

    color: #808080;

    width: auto;

    float:left;

}

.UpdateDate a {

    color: #808080 !important;

    text-decoration: none;

}



.SourceCompany {

    margin-right:0px;

    color: #808080;

    width: auto;

    float:right;

}





.Explanation {

    display: block;

    color: #666;

    font-size: 12px;

}





.note {

    font-size: 1.2rem;

    color: #808080;

}





/* 点線 */

span.tensen {

    padding-bottom: 1px;

    color: inherit !important;

    border-bottom: 1px dashed #7c95a8 !important;

    text-decoration: none !important;

}











/* CTA用 */



/* cta

----------------------------------------------------------------*/









.align_r{text-align: right;}





#main .cta {

	width: 100%;

	background-color: #FEFEED;

	box-sizing: border-box;

	border: 1px solid #BEC1BC;

	margin: 0px 0px 10px;

	padding: 10px;

	overflow: hidden;

	padding-bottom: 20px;

    font-family:"メイリオ";

}



#main .cta .head {

	color: #ffffff;

	font-size: 2.3rem;

	font-weight: bold;

	text-align: center;

	background-color: #437196;

	margin: 0px 0px 5px;

	padding: 10px;

}



/* part01 */

#main .cta .part01 {

	width: 100%;

}

	

#main .cta .part01 .photo {

	text-align: center;

    margin-top: 10px;

    margin-bottom: 10px;

    padding: 0px;

}



#main .cta .part01 .txt001 {

	font-size: 2.5rem;

    margin: 0px;

    padding: 0px;



	font-weight: bold;

	text-align: center;

}





#main .cta .part01 .txt {

	padding: 5px;

    margin: 0px;

    padding: 0px;

}



#main .cta .part01 .txt .txt01 {

	font-size: 1.3rem;

	font-weight: bold;

}



#main .cta .part01 .txt .txt02 {

	color: #FF3E0F;

	font-size: 1.7rem;

	font-weight: bold;

}







#main .cta .part01 .txt01,

#main .cta .part01 .txt02 {

	font-weight: bold;

	margin: 10px 0px 0px;

}







#main .cta .part01 .price {

	font-weight: bold;

	margin: 10px 0;

	overflow: hidden;

}



#main .cta .part01 .price p {

	display: inline-block;

	vertical-align: bottom;

	line-height: 1.3;

	font-size: 1.3rem;

}



#main .cta .part01 .price .txt01 {

	padding: 10px 0px 0px;

}



#main .cta .part01 .price .icon02 {

	color: #ffffff;

	background-color: #EB5C56;

	padding: 10px 4px;

	font-size: 1.3rem;

}



#main .cta .part01 .price .icon01 {

	position: relative;

	top: 5px;

}



#main .cta .part01 .price > p span.large01 {

	font-size: 2.5rem;

	display: inline-block;

	position: relative;

}



#main .cta .part01 .price > p span.large01 span {

	width: 100%;

	height: 3px;

	display: block;

	border-top: 7px double #ff0000;

	position: absolute;

	left: 0px;

	top: 12px;

}



#main .cta .part01 .price > p span.large02 {

	font-size: 5rem;

}



#main .cta .part01 .btn01 {

	width: 100%;

	color: #ffffff;

	font-size: 2.0rem;

	font-weight: bold;

	text-align: center;

	background-color: #00B900;

	border-bottom: 3px solid #B49C00;

	border-radius: 5px;

	margin: 10px 0px 0px;

	padding: 15px 0px;

	box-sizing: border-box;

	cursor: pointer;

	display: block;

	float: right;

    position: relative;

    text-decoration: none;

    overflow: hidden;

}





#main .cta .part01 .btn01:hover {

    text-decoration: none;

    color: #fff;

}



#main .cta .part01 .btn01::before {

    position: absolute;

    content: '';

    display: inline-block;

    top: -180px;

    left: 0;

    width: 30px;

    height: 100%;

    background-color: #fff;

    animation: shiny-btn1 3s ease-in-out infinite;

}



@-webkit-keyframes #main .cta .part01 .btn01 {

    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }

    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }

    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }

    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }

}

























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



	#main .cta .part01 .price .txt01 {

		display: block;

	}

}





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



	.sp_add {

	    display: block;

	}



	#main .cta .head {

		font-size: 2.0rem;

	}

	/* part01 */

	#main .cta .part01 {

		width: 100%;

		float: none;

	}

	

	#main .cta .part01 .txt {

		width: 100%;

		padding: 10px 0px;

	}



	#main .cta .part01 .txt .txt02 {

		text-align: center;

		margin: 5px 0px 0px;

	}

		

	/* part02 */

	#main .cta .part01 {

		width: 100%;

		float: none;

	}



	#main .cta .part01 ul.offer {

		margin: 0px;

	}

	

	#main .cta .part01 ul.offer li {

		width: 100%;

		box-sizing: border-box;

		margin: 0px 0px 10px;

		padding: 5px 0px;

		float: none;

	}



	#main .cta .part01 > .txt02 {

		font-size: 2.0rem;

	}



	#main .cta .part01 .price {

		margin: 0px;

	}

	

	#main .cta .part01 .price > p.txt01 {

		display: block;

		padding: 10px 0px 0px;

	}



	#main .cta .part01 .price > p.icon01,

	#main .cta .part01 .price > p.icon02,

	#main .cta .part01 .price > p.icon03 {

		margin: 10px 5px 0px 0px;

	}

	#main .cta .part01 .price > p.icon02 {

		margin-top: 20px;

	}

	

	#main .cta .part01 .price > p.icon01 {

		position: static;

		margin: 0;

		font-size: 1.0rem;

		width: 25px

	}

		

	#main .cta .part01 .price > p.icon02 {

		font-size: 1.3rem;

	}

	

	#main .cta .part01 .price .txt02 {

		font-size: 1.7rem;

	}

	

	#main .cta .part01 .price > p span.large02 {

		font-size: 3.3rem;

		padding: 10px 0px 0px;

		display: inline-block;

	}



	#main .cta .part01 .btn01 {

		width: 100%;

		float: none;

		margin-top: 15px;

	}

    /* 黄色い下線 */

    #main .under {

    background: linear-gradient(transparent 70%, #ffff00 50%);

    }



}

    

#main .blue {

    color: #0000ff;

}

/* 青太字 */

#main .blue_w {

    color: #0000ff;

    font-weight: 600;

}

/* 赤太字 */

#main .red_w {

    color: #ff0000;

    font-weight: 600;

}

/* 赤字・黄色背景 */

#main .red_bgy {

    color: #ff0000;

    background-color: #FFFF04;

    font-weight: 600;

}

/* 太字・黄色背景 */

#main .blk_bgy {

    background-color: #FFFF04;

    font-weight: 600;

}